Typography for the Screen. Table of Contents 1 of 1

Total Page:16

File Type:pdf, Size:1020Kb

Typography for the Screen. Table of Contents 1 of 1 Copyright © 2015 by Rhett Forbes ScreenType Typography for the screen. Table of Contents 1 of 1 E. Anatomy of a Screen Font Table of Contents Anatomy Index (Serif) Anatomy Index (Sans-serif) Everything you need to know about screen fonts. x-height Ascenders & Descenders A. Legend Distinguishability How to use this book Exaggerated Features B. Introduction Curves Before we get started Spacing Counters & Apertures C. The Screen Contrast A History of Screen Fonts Screen Technology F. Using Type on Screen Writing With Light Sans vs. Serif Screens Today Selecting a Typeface for Screen Conclusion Testing Screen Performance Pairing Screen Fonts D. Verdana & Georgia Font Size & Line Length Verdana - A Role Model Sans-Serif Contrast and Color Georgia - A Role Model Serif G. Appendix General Typeface Anatomy Final Thoughts Bibliography H. Glossary Need to start over? Tap to return to cover. Legend 1 of 1 Legend How to use this book. Navigation Interaction Table of Contents Swipe to change state Appendix & Glossary Tap to play Return to Anatomy Index Pinch & Zoom Go to next page Scroll frame Go to next section Double tap to zoom Interactive Elements Swipe over screens to turn them on. Tap on buttons to toggel states. Tap on links for visual aids. Copyright © 2015 by Rhett Forbes All rights reserved. No part of this publication may be reproduced, distributed, or transmitted in any form or by any means, including photocopying, recording, or other electronic or mechanical methods, without the prior written permission of the publisher, except in the case of brief quotations embodied in critical reviews and certain other noncommercial uses permitted by copyright law. With every font now available online, ImagineImagine aa world where one in everyeight peopleeight had understanding how typography translates thepeople same had voice. the sameBefore voice. HTML5 Before and HTML5 CSS3 as and we to the screen is becoming an increasingly knowCSS3 asit, weeight know typefaces it, eight were typefaces used again were andused againagain onand every again website, on every that’s website, eight that’s voices eight to valuable skill-set. expressvoices to countless express countless unique individuals. unique individuals. Introduction 2 of 2 Introduction Before we get started. At heart this book is an overview of screen typography from superc a typographers point of view. In other words, this will not be another “how to use type online” books. We won’t discuss the well known principles of web design like using short headings, how to code, or why you should use rems. Rather alifrag this book will talk about the letters and fonts themselves. As you will come to learn in the following pages, on-screen typography has exploded over the past year. Resources ilistic however are difficult to find and there are few if any up-to- date standards. We will dive head first into the medium, the screen. By understanding its limitations, we can illustrate the problems screen fonts solve and why many print fonts expiali don’t perform well on-screen. We will examine fonts that do perform well and in doing so illustrate how to select and identify them in the sea of fonts we all drowned in this year. docious BUCKLE UP! The Screen 1 of 8 History of Screen Fonts From <font> to @font-face. When HTML was released in 1990, fonts were controlled by the browser. There was no way to control web type until Netscape (remember that one?) introduced the <font> tag in 1995 that quickly became standardized into HTML2. With it, designers could specify a font, but there was a catch, that font had to be on the user’s computer system, if the user didn’t have that font installed, the design would fall-back to the browser’s default and often monospace font. This limitation carried over to Cascading Style Sheets (CSS), in 1996. In 1998, CSS2 further simplified types process by separating content from style, but still relied on installed system fonts. A list of “web-safe” fonts, fonts likely to be present on most computer systems, was defined and CSS2 gave designers the ability to define a font stack, a string of defined fallback fonts. This allowed designers to define a font style, serif, sans-serif, monospace, or cursive and stack the closest matches to their intended font choice. The Screen 2 of 8 With the web growing overnight and designers choosing their own fonts, Microsoft started the Core Fonts for the Web Initiative. They released a series of freely distributable screen friendly fonts. In that list was Georgia and Verdana, which both became staple screen fonts and models for every web font to follow. Hidden inside CSS2 was a hint at the future. Web designers have a complicated relationship with Internet Explorer (IE), for many it is a thorn in our designs side. To ease that pain, we have IE to thank for modern web typography. In 1997 IE 4.0 added support for downloading remote fonts. This Verdana ability was introduced into CSS2 as the font-face rule. However, type foundries sided against the font-face rule. The delivery method made their fonts available to be downloaded and used by anyone. Font-face in CSS2 was used for grayscale anti-aliasing. It worked well for system fonts that were optimized for screen, like Georgia and Verdana, but other screen fonts did not exist at the time and print fonts made the web look even worse. IE’s font- face rule was short lived and ahead of its time and by the time CSS2.1 was released in 1999, font downloading was abandoned. Font-face would not see again for twelve years when CSS3 was released in 2011 as the @font-face rule. The Screen 3 of 8 Screen Technology The medium. Our understanding of how typography works in print does not translate directly to digital space. The ‘web page’ rode in on the metaphor of the printed page, and our tendency is to think of it that way. The truth is, there are very significant differences that directly affect type on screen. The foremost is that print is physical while the web is a digital medium; the difference is tangible. In print we carefully and accurately set static content whereas on screen, that content is dynamic, it is always changing. On top of that, content is presented at variable resolutions on screen. Print can have up to 2400 dots per inch (DPI) on a laser printer making it as clear as can be. The screen's 72 pixels per inch (PPI) makes it clear your not going to get the same clarity on screen. This PPI gap has lead typographic standards on the web from day one. However, with 72 PPI monitors, 132 PPI iPads, and 326 PPI retina displays, PPI is allowing for more and more typographic details and continues to blur the line between the printed page and web page. The Screen 4 of 8 The screen is an adaptive medium; it is not a letter sized piece of paper but every paper size there is. On screen, we design for the range of what can happen; the design we see in front of us is only a version, one that needs to adapt to countless resolutions, sizes, and devices. In contrast to paper, the screen is a dark surface where forms are written with light. Paper is viewable by the reflection of light whereas the screen projects images through the emission of light. This back-lite surface calls for a new way of thinking and changes in deep-rooted typographic standards. The Screen 5 of 8 Writing With Light Rendering text on screen. A big difference between type displayed on screen versus Glyph Outline Rendered Glyph paper is the way the text is rendered. Glyph outlines get converted into pixels, the medium. That conversion process varies across operating systems, devices, and various PPI screens and often results in a lack of consistency. This conversion happens through rendering engines. Each operating system and browser controls which rendering engines are used. Therefore, even two browsers on the same system can produce different results. Aliasing displays diagonals and curves as horizontal zigzags and vertical lines on screen. Anti-Aliasing is the method systems use to reduce aliasing by shading the edges of glyphs. This is known as grayscale rendering. The edge pixels of each glyph are not black but shades of gray, this makes the contours appear smoother, and lets a typeface’s details and personality shine through the pixels. This was a big step for type on screen, it was now more than just a legible glyph; a typeface could now have character. The Screen 6 of 8 Screens Today We have come a long way. Safari 3.1 re-sparked web fonts and brought the forgotten @font-face rule back into the lime light. It wasn’t because of an influx of screen fonts, but big advancements in the medium, the screen. LCD displays had become the norm; we all stared in awe at high resolution flat-panels that performed anti-aliasing via subpixel rendering. Most displays today have pixels made up of subpixels. Type is displayed by combining red, green, and blue subpixels. This is known as the additive color system. On paper, colors are perceived by the absorption and reflection of light off the pigments of ink on a surface. This is known as the subtractive color system. In a subtractive color system like print, the contrast of black on white is very legible. However, in an additive color system, the color white is produced with each red, green, and blue subpixel at full intensity.
Recommended publications
  • Cloud Fonts in Microsoft Office
    APRIL 2019 Guide to Cloud Fonts in Microsoft® Office 365® Cloud fonts are available to Office 365 subscribers on all platforms and devices. Documents that use cloud fonts will render correctly in Office 2019. Embed cloud fonts for use with older versions of Office. Reference article from Microsoft: Cloud fonts in Office DESIGN TO PRESENT Terberg Design, LLC Index MICROSOFT OFFICE CLOUD FONTS A B C D E Legend: Good choice for theme body fonts F G H I J Okay choice for theme body fonts Includes serif typefaces, K L M N O non-lining figures, and those missing italic and/or bold styles P R S T U Present with most older versions of Office, embedding not required V W Symbol fonts Language-specific fonts MICROSOFT OFFICE CLOUD FONTS Abadi NEW ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Abadi Extra Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic or bold styles provided. Agency FB MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Agency FB Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic style provided Algerian MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ 01234567890 Note: Uppercase only. No other styles provided. Arial MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
    [Show full text]
  • Letters Are Made for Reading
    Letters are made for reading A lot of things has to be taken into consideration when you make typographical choices. With the typography of logos and headlines, etc, the style and tone of your publication is determined. But when it comes to the body text, legibility is more important than anything else. BACK IN THE LATE SEVENTIES when I was study- In ”micro” typography, on the other hand, legi- ing architecture at the Royal Academy of Arts, one bility is more important than style. Or maybe we of the rules we were taught was: ”A building must ought to talk about ”readability”, a phrase used by have a distinctive entrance”. That ought to make some typographers, making the point that what sense: It hardly matters what’s inside a house if you fi nd legible depends more than anything else you can’t fi nd the door, does it? on what you are used to read. However perfect Good typography, I’d say, is like the entrance the letterforms of a new typeface, it may still ap- to a house. It should lead you inside, help you to pear hard to read if people think it looks strange. the contents—which is indeed the most important Perhaps this is why most people still prefer text thing. with serifs even though repeated surveys have But then again, what is good typography? Well, shown no legibility differences between sans and as there are numerous disciplines of graphic de- serif typefaces. sign, this question does not have one single—or If you read the same newspaper every day, simple—answer.
    [Show full text]
  • 15 the Effect of Font Type on Screen Readability by People with Dyslexia
    The Effect of Font Type on Screen Readability by People with Dyslexia LUZ RELLO and RICARDO BAEZA-YATES, Web Research Group, DTIC, Universitat Pompeu Fabra, Barcelona, Spain Around 10% of the people have dyslexia, a neurological disability that impairs a person’s ability to read and write. There is evidence that the presentation of the text has a significant effect on a text’s accessibility for people with dyslexia. However, to the best of our knowledge, there are no experiments that objectively 15 measure the impact of the typeface (font) on screen reading performance. In this article, we present the first experiment that uses eye-tracking to measure the effect of typeface on reading speed. Using a mixed between-within subject design, 97 subjects (48 with dyslexia) read 12 texts with 12 different fonts. Font types have an impact on readability for people with and without dyslexia. For the tested fonts, sans serif , monospaced, and roman font styles significantly improved the reading performance over serif , proportional, and italic fonts. On the basis of our results, we recommend a set of more accessible fonts for people with and without dyslexia. Categories and Subject Descriptors: H.5.2 [Information Interfaces and Presentation]: User Interfaces— Screen design, style guides; K.4.2 [Computers and Society]: Social Issues—Assistive technologies for per- sons with disabilities General Terms: Design, Experimentation, Human Factors Additional Key Words and Phrases: Dyslexia, learning disability, best practices, web accessibility, typeface, font, readability, legibility, eye-tracking ACM Reference Format: Luz Rello and Ricardo Baeza-Yates. 2016. The effect of font type on screen readability by people with Dyslexia.
    [Show full text]
  • June 2015 Broadside
    T H E A T L A N T A E A R L Y M U S I C ALLIANCE B R O A D S I D E Volume XV # 4 June, 2015 President’s Message Are we living in the Renaissance? Well, according to the British journalist, Stephen Masty, we are still witnessing new inventions in musical instruments that link us back to the Renaissance figuratively and literally. His article “The 21st Century Renaissance Inventor” [of musical instruments], in the journal “The Imaginative Conservative” received worldwide attention recently regard- ing George Kelischek’s invention of the “KELHORN”. a reinvention of Renaissance capped double-reed instruments, such as Cornamuse, Crumhorn, Rauschpfeiff. To read the article, please visit: AEMA MISSION http://www.theimaginativeconservative.org/2015/05/the-21st-centurys-great-renaissance-inventor.html. It is the mission of the Atlanta Early Music Alli- Some early music lovers play new replicas of the ance to foster enjoyment and awareness of the histor- Renaissance instruments and are also interested in playing ically informed perfor- the KELHORNs. The latter have a sinuous bore which mance of music, with spe- cial emphasis on music makes even bass instruments “handy” to play, since they written before 1800. Its have finger hole arrangements similar to Recorders. mission will be accom- plished through dissemina- tion and coordination of Yet the sound of all these instruments is quite unlike that information, education and financial support. of the Recorder: The double-reed presents a haunting raspy other-worldly tone. (Renaissance? or Jurassic?) In this issue: George Kelischek just told me that he has initiated The Capped Reed Society Forum for Players and Makers of the Crumhorn, President ’ s Message page 1 Cornamuse, Kelhorn & Rauschpfeiff.
    [Show full text]
  • Anatomy of the Letter A
    Anatomy Of The Letter A When Emmett tetanises his continuants telescopes not ornately enough, is Skipper tippier? Intravenous Etienne number her argillites so zealously that Quinlan quantize very diamagnetically. How colligative is Meade when uncomposable and deciduous Broddy overshadow some consolidations? For the anatomy of letter a science foundation upon a document Shoulder of all numerals were so you remember your next generation of the above and emphasis in this email builders for example, there are involved in. The of anatomy. Redbubble digital design projects design axis results of a business must also referred to. This the curved stroke of the headline and glands or two angled strokes. Consider a playful feel when death you temporary access this username is of anatomy and followers on this part of reading. Opening or partially enclosed negative space within the cavity beneath the. Get the anatomy of letter a character make this research, author letters of a few letters have shown me the main trunk of the line of an identifying factor for by. In more appealing what goes above, giving it also go over time of anatomy type design has precious little bit extra? Notify me now for your website built all part of character can send this is specific part of two strokes of. In anatomy of measure the letter, newspapers and love magazine as possible only the anatomy and weight for your site may receive sensitive? Your work with input from a high quality digital projects. Hairline is usually curved transition or diagonal stroke or more letter forms to try again, or delete and.
    [Show full text]
  • Basic Styles of Lettering for Monuments and Markers.Indd
    BASIC STYLES OF LETTERING FOR MONUMENTS AND MARKERS Monument Builders of North America, Inc. AA GuideGuide ToTo TheThe SelectionSelection ofof LETTERINGLETTERING From primitive times, man has sought to crude or garish or awkward letters, but in communicate with his fellow men through letters of harmonized alphabets which have symbols and graphics which conveyed dignity, balance and legibility. At the same meaning. Slowly he evolved signs and time, they are letters which are designed to hieroglyphics which became the visual engrave or incise cleanly and clearly into expression of his language. monumental stone, and to resist change or obliteration through year after year of Ultimately, this process evolved into the exposure. writing and the alphabets of the various tongues and civilizations. The early scribes The purpose of this book is to illustrate the and artists refi ned these alphabets, and the basic styles or types of alphabets which have development of printing led to the design been proved in memorial art, and which are of alphabets of related character and ready both appropriate and practical in the lettering readability. of monuments and markers. Memorial art--one of the oldest of the arts- Lettering or engraving of family memorials -was among the fi rst to use symbols and or individual markers is done today with “letters” to inscribe lasting records and history superb fi delity through the use of lasers or the into stone. The sculptors and carvers of each sandblast process, which employs a powerful generation infl uenced the form of letters and stream or jet of abrasive “sand” to cut into the numerals and used them to add both meaning granite or marble.
    [Show full text]
  • Thai Typefaces (Part 1): Assumption on Visibility and Legibility Problems
    Thai Typefaces (Part 1): Assumption on Visibility and Legibility Problems 1* 2 3 Rachapoom PUNSONGSERM , Shoji SUNAGA , Hisayasu IHARA 1 Graduate School of Design, Kyushu University, Fukuoka, Japan 1 Faculty of Fine and Applied Arts, Thammasat University, Pathum Thani, Thailand 2,3 Faculty of Design, Kyushu University, Fukuoka, Japan Abstract Background Regarding the growing elderly population, which several countries are experiencing right now, various typeface designs have been developed to address the need for increased legibility and visibility. Certainly, common factors that affect the well-being of the elderly are related to visual acuity. The universal design fonts (UD fonts) developed in Japan are regarded as a role model for the development of highly legible and visible Thai typefaces. As Thailand’s society matures, the concern for creating a Thai UD font based on human-centered design is ideal for the purpose of supporting elderly people as well as people with amblyopia and low vision Methods As the first step to developing a Thai UD font, as a preliminary study, we qualitatively tested the tolerance of Thai characters under blurred conditions. We used the fifty Thai conventional text fonts in the boundary of ‘The Table of Thai Character's Relationship’ in the same character heights as stimuli. The stimuli simulated the visual acuity of people with poor vision at different blur levels. Results From the tests, we have established the expected Thai confused pairs, as the assumptions. We found the simulated condition revealed many problems with the visibility and the legibility matters of Thai Characters, as the assumptions; however, these findings led to ideas and possible solutions, which may provide assistance for the approach to designing the first Thai UD font.
    [Show full text]
  • Choosing Fonts – Quick Tips
    Choosing Fonts – Quick Tips 1. Choose complementary fonts – choose a font that matches the mood of your design. For business cards, it is probably best to choose a classic font. *Note: These fonts are not available in Canva, but are in the Microsoft Office Suite. For some good Canva options, go to this link – https://www.canva.com/learn/canva-for-work-brand-fonts/ Examples: Serif Fonts: Sans Serif Fonts: Times New Roman Helvetica Cambria Arial Georgia Verdana Courier New Calibri Century Schoolbook 2. Establish a visual hierarchy – Use fonts to separate different types of information and guide the reader - Use different fonts, sizes, weights (boldness), and even color - Example: Heading (Helvetica, SZ 22, Bold) Sub-heading (Helvetica, SZ 16, Italics) Body Text (Garamond, SZ 12, Regular) Captions (Garamond, SZ 10, Regular 3. Mix Serifs and Sans Serifs – This is one of the best ways to add visual interest to type. See in the above example how I combined Helvetica, a sans serif font, with Garamond, a serif font. 4. Create Contrast, Not Conflict: Fonts that are too dissimilar may not pair well together. Contrast is good, but fonts need a connecting element. Conflict Contrast 5. Use Fonts from the Same Family: These fonts were created to work together. For example, the fonts in the Arial or Courier families. 6. Limit Your Number of Fonts: No more than 2 or 3 is a good rule – for business cards, choose 2. 7. Trust Your Eye: These are not concrete rules – you will know if a design element works or not! .
    [Show full text]
  • Cap Height Body X-Height Crossbar Terminal Counter Bowl Stroke Loop
    Cap Height Body X-height -height is the distance between the -Cap height refers to the height of a -In typography, the body height baseline of a line of type and tops capital letter above the baseline for refers to the distance between the of the main body of lower case a particular typeface top of the tallest letterform to the letters (i.e. excluding ascenders or bottom of the lowest one. descenders). Crossbar Terminal Counter -In typography, the terminal is a In typography, the enclosed or par- The (usually) horizontal stroke type of curve. Many sources con- tially enclosed circular or curved across the middle of uppercase A sider a terminal to be just the end negative space (white space) of and H. It CONNECTS the ends and (straight or curved) of any stroke some letters such as d, o, and s is not cross over them. that doesn’t include a serif the counter. Bowl Stroke Loop -In typography, it is the curved part -Stroke of a letter are the lines that of a letter that encloses the circular make up the character. Strokes may A curving or doubling of a line so or curved parts (counter) of some be straight, as k,l,v,w,x,z or curved. as to form a closed or partly open letters such as d, b, o, D, and B is Other letter parts such as bars, curve within itself through which the bowl. arms, stems, and bowls are collec- another line can be passed or into tively referred to as the strokes that which a hook may be hooked make up a letterform Ascender Baseline Descnder In typography, the upward vertical Lowercases that extends or stem on some lowercase letters, such In typography, the baseline descends below the baselines as h and b, that extends above the is the imaginary line upon is the descender x-height is the ascender.
    [Show full text]
  • OCR a Level Computer Science H446 Specification
    Qualification Accredited Oxford Cambridge and RSA A LEVEL Specification COMPUTER SCIENCE H446 ForH418 first assessment in 2017 For first assessment 2022 Version 2.5 (January 2021) ocr.org.uk/alevelcomputerscience Disclaimer Specifications are updated over time. Whilst every effort is made to check all documents, there may be contradictions between published resources and the specification, therefore please use the information on the latest specification at all times. Where changes are made to specifications these will be indicated within the document, there will be a new version number indicated, and a summary of the changes. If you do notice a discrepancy between the specification and a resource please contact us at: [email protected] We will inform centres about changes to specifications. We will also publish changes on our website. The latest version of our specifications will always be those on our website (ocr.org.uk) and these may differ from printed versions. Registered office: The Triangle Building © 2021 OCR. All rights reserved. Shaftesbury Road Cambridge Copyright CB2 8EA OCR retains the copyright on all its publications, including the specifications. However, registered centres for OCR are permitted to copy material from this OCR is an exempt charity. specification booklet for their own internal use. Oxford Cambridge and RSA is a Company Limited by Guarantee. Registered in England. Registered company number 3484466. Contents Introducing… A Level Computer Science (from September 2015) ii Teaching and learning resources iii Professional development iv 1 Why choose an OCR A Level in Computer Science? 1 1a. Why choose an OCR qualification? 1 1b. Why choose an OCR A Level in Computer Science? 2 1c.
    [Show full text]
  • FSI: FF Meta Offc Condensed Normal
    fontfont opentype® ▪▪▪▪▪▪������ fontfont info guide for ff Meta Condensed Normal Offc | Offc Pro or Web | Web Pro Sections a | Font and Designer Information b | Language Support c | Type Specimens section a FONT & DESIGNER INFORMATION Handgloves about ff Meta Condensed Normal ff Meta was originally (1985) conceived as a typeface for use in small point sizes. Against its intended purpose, ff Meta very quickly became one of the most popular typefaces of the computer era, and has been referred to as the Helvetica of the 90s – not necessarily a compliment. It is used a lot in magazines, from the Normal weight in small point sizes for captions up to the Black version for large headlines. Hairline, Thin and Light were added in 2003. Once a publishing house commissioned a Black Condensed for the headlines of a new magazine. It unfortunately ceased publication after a few issues, but ff Meta Black Condensed survived. This version was the basis for the complete Condensed family, digitized by Ole Schäfer. Since headlines need to be bold before anything else, ff Meta Condensed has one additional weight compared with ff Meta: Extra Bold Condensed, which sits between Bold and Black. ff Meta Condensed contains all weights with Old Style as well as Lining Figures, there are fractions, ligatures, kerned lining figures and also the popular Meta arrows. The normal ff Meta already saves more than 12 % of space compared to a regular sans serif. ff Meta Condensed is another 12 % more condensed without being 24 % less readable. about Erik Spiekermann, born 1947, studied History of Art and English in Berlin.
    [Show full text]
  • Booklet & CD Design & Typography: David Tayler Cover Art: Adriaen Coorte
    Voices of Music An Evening with Bach An Evening with Bach 1. Air on a G string (BWV 1069) Johann Sebastian Bach (1685–1750) 2. Schlummert ein (BWV 82) Susanne Rydén, soprano 3. Badinerie (BWV 1067) Dan Laurin, voice flute 4. Ich folge dir gleichfalls (St. John Passion BWV 245) Susanne Rydén, soprano; Louise Carslake, baroque flute 5. Giga (BWV 1004) Dan Laurin, recorder 6. Schafe können sicher weiden (BWV 208) Susanne Rydén, soprano 7. Prelude in C minor (BWV 871) Hanneke van Proosdij, harpsichord 8. Schlafe mein Liebster (BWV 213) Susanne Rydén, soprano 9. Prelude in G major (BWV 1007) David Tayler, theorbo 10. Es ist vollbracht (St. John Passion BWV 245) Jennifer Lane, alto; William Skeen, viola da gamba 11. Sarabanda (BWV 1004) Elizabeth Blumenstock, baroque violin 12. Kein Arzt ist außer dir zu finden (BWV 103) Jennifer Lane, alto; Hanneke van Proosdij, sixth flute 13. Prelude in E flat major (BWV 998) Hanneke van Proosdij, lautenwerk 14. Bist du bei mir (BWV 508) Susanne Rydén, soprano 15. Passacaglia Mein Freund ist mein J.C. Bach (1642–1703) Susanne Rydén, soprano; Elizabeth Blumenstock, baroque violin Notes The Great Collectors During the 1980s, both Classical & Early Music recordings underwent a profound change due to the advent of the Compact Disc as well as the arrival of larger stores specializing in music. One of the casualties of this change was the recital recording, in which an artist or ensemble would present an interesting arrangement of musical pieces that followed a certain theme or style—much like a live concert. Although recital recordings were of course made, and are perhaps making a comeback, most recordings featured a single composer and were sold in alphabetized bins: B for Bach; V for Vivaldi.
    [Show full text]