De toekomst van weblettertypen
NieuwsHet aantal blogs stijgt dagelijks, en webdesign is momenteel voorstander van een door het type gestuurd minimalisme over uitgebreide Flash-gebaseerde interfaces - hoe dan ook buiten websites voor videogames en films.
Online-typografie blijft echter een pijnlijk punt met veel ontwerpers, die steeds meer worden geplaagd door beperkingen. "We hebben ons beperkt tot het kiezen van lettertypen die gebruikers al hebben geïnstalleerd, of het invoegen van aangepast type met behulp van afbeeldingen, wat niet praktisch is", klaagt de front-end engineer Jonathan Snook van Yahoo..
Hij voegt eraan toe dat sIFR (schaalbare Inman Flash Replacement) meer flexibiliteit biedt, maar dat dit ten koste gaat van de prestaties en bruikbaarheid.
Het uiterlijk van Cufón (een JavaScript-fontgenerator die lettertypebestanden converteert naar vectorobjecten voor gebruik in elke browser) als zijn opvolger bracht zijn eigen problemen met zich mee, die Snook-notities meestal "niet native-HTML en CSS" zijn.
Snook en anderen denken echter dat er verandering komt. In 2010 zou het web een plek kunnen worden waar type glanst, maar alleen als belangrijke technische hindernissen worden overwonnen en webontwerpers vertrouwd zijn met de grondbeginselen van typografie..
De behoefte aan verandering
Aangezien het browserlandschap momenteel relatief stabiel is, kunnen sommigen eerder pleiten voor de status-quo dan voor meer ontreddering, maar dat zou het creatieve bereik van het web beperken. "Sinds het begin van het webontwerp hebben we elk lettertype willen gebruiken dat we leuk vinden." We kunnen afdrukken, dus waarom niet online? " vraagt ontwerper Elliot Jay Stocks.
Lettertype beperking heeft ook al tot grote problemen geleid. Font Bureau-partner Roger Black denkt dat er een reëel gevaar bestaat dat websites op elkaar lijken: "Neem screengrepen van verhaalpagina's op nieuwswebsites, bedek de headers en kijk of je de bron kunt vertellen."
Hij stelt dan voor hetzelfde te proberen met gedrukte kranten. "Deze behouden hun branding", zegt Black. "Ik zie dit als de persoonlijkheid van typografie, en waarom zouden alle krantenverhalen online er hetzelfde uitzien?"
Clearleft-productiedirecteur en mede-oprichter van Fontdeck, Richard Rutter, denken ook dat webtypografie niet zo serieus wordt genomen als zou moeten: "Ontwerpers kunnen typografie serieus nemen, maar aandacht voor detail hoeft niet noodzakelijkerwijs door te voeren naar de uiteindelijke website." Ik heb het niet eens over lettertypen, maar over het zetten en gebruiken van de juiste tekens voor de taak - streepjes, geen koppeltekens, echte aanhalingstekens, een ellips in plaats van drie volledige stops. "
MOGELIJKHEDEN: Zelfs als u nog niet klaar bent om echte lettertypen te omarmen, is het de moeite waard om lettertypestapels te verkennen die populaire lettertypen bevatten, afgezien van de gebruikelijke verdachten
Hij denkt dat door meer aandacht te besteden aan typografie - zorgen voor geschikte lijnlengtes om te lezen; het voorkomen van weduwen en wezen in rubrieken; oordeelkundig zijn in het aantal gebruikte lettertypen en lettergroottes - u verbetert de leeservaring voor gebruikers en verbetert daarmee uw websites in het algemeen.
De bezorgdheid van Rutter sluit daarom aan bij onze initiële punten - veel webontwerpers missen de kennis om een sterk type te maken, en er zijn technische beperkingen in overvloed die voorkomen dat ze de typografie op de juiste manier leren beheersen.
Dit laatste heeft volgens Rutter net zoveel te maken als de eerste: "Goede online typografie wordt gehinderd door een gebrek aan ondersteuning voor lettergewichten, en de situatie voor het kiezen van verschillende breedten, zoals gecondenseerde of uitgebreide lettertypen, is nog erger. "
Ondanks deze inzichten geeft Rutter toe dat Clearleft meestal lettertypen gebruikt die waarschijnlijk op de machines van gebruikers worden geïnstalleerd. "Met serieuze aandacht voor het zetten van details is dit altijd een haalbare oplossing, niet in de laatste plaats omdat Verdana, Georgia en Arial ontworpen zijn voor gebruik op het scherm."
Hij voegt eraan toe dat het bedrijf ook gebruik maakt van Microsoft's ClearType-lettertypen en relevante fall-backs in CSS-lettertypestacks (bijvoorbeeld door Calibri te ondersteunen met Trebuchet MS en Gill Sans) en sIFR te vermijden vanwege prestatieproblemen en ontwikkelingshoofdpijn. Maar Rutter geeft een tipje van de sluier voor een nabije toekomst waar lettertypen worden belangrijk worden en de mogelijkheden voor webtypografie enorm vergroten, en hij is niet de enige.
Het pad naar @ font-face
Elke ontwerper die we spraken, zei dat ze hadden geëxperimenteerd met lettertype-koppeling, waardoor echte lettertypen kunnen worden weergegeven in de browser van een gebruiker. Zelfs Simo Kinnunen, de maker van de eerder genoemde Cufón, beveelt @ font-face aan.
"De meeste lettertypevervangingstechnieken, inclusief de mijne, waren bedoeld als opstap naar @ font-face. 2010 wordt het jaar van @ font-face," zegt hij.
Snook voegt hieraan toe: "Geen vervangingstechniek komt overeen met de mogelijkheden, bruikbaarheid en flexibiliteit van het native type binnen een browser. @ Font-face is opgezet om echte lettertypen in een webpagina te laten insluiten zonder dat het lettertype permanent op de machine van de bezoeker moet worden geïnstalleerd ."
Hoewel weinig ontwerpers momenteel lettertypekoppelingen gebruiken voor body-copy, is het populair voor display-tekst. Elliot Jay Stocks gebruikt @ font-face voor koppen, met behulp van gratis lettertypen die linken toestaan of die worden aangeboden door Typekit (een op abonnementen gebaseerde service die alleen een regel JavaScript vereist en voor u om de service te informeren over het lettertype dat u nodig hebt om een met lettertypen verrijkte webpagina krijgen).
@ FONT FACE: Stocks gebruikt Graublau Sans Web voor de koppen van zijn website, maar hij is "van plan een herontwerp te maken dat beter gebruik maakt van @ font-face"
Phase2 Technology senior designer Samantha Warren pleit ook voor Typekit, dat ze op haar blog, badassideas.com, gebruikt: "Het maakt het gemakkelijk om een echt lettertype op een site te implementeren en het is een makkie om je lettertype te veranderen."
Warren ziet echter ook waarde in lettertype-services voor commerciële projecten: "Ze zijn geweldig voor klanten die een lange relatie hebben met een bepaald lettertype in gedrukte vorm en die relatie online willen voortzetten. Naarmate er meer lettertypen beschikbaar komen via weblettertypediensten, Ik verwacht dat kranten en tijdschriften er echt gebruik van zullen maken. '
Warren voegt eraan toe dat services ook een grote uitdaging vormen bij het overwegen van echte lettertypen voor een website. "De webwereld en de typebranche worden creatief en onderzoeken hoe ze samen zaken kunnen doen, zodat beide partijen vinden dat ze krijgen wat ze willen.
"De webindustrie wil een breder scala aan lettertypen kunnen insluiten in webpagina's en de lettertype-industrie wil een billijke vergoeding voor letterontwerpen zonder wijdverspreide illegale distributie. Er ontstaan dialogen tussen mensen in beide sectoren en er is een niveau van wederzijds respect dat zich verspreidt ."
Snook waarschuwt echter dat terwijl @fontface beschikbaar is in de huidige versies van alle belangrijke browsers, webontwerpers opeens ontdekken waar de implementaties naar beneden vallen: "Dit duwt browserontwikkelaars om consistentie vast te stellen en bugs op te lossen, en ik vermoed binnen een paar jaar de hindernissen waarmee we worden geconfronteerd, zullen worden opgelost. @ font-face staat nu echter vol met valkuilen Het is geen soepel en eenvoudig proces om een consistente cross-browser of cross-platform ervaring met aangepaste lettertypen te creëren. "
Mocht u toch besluiten om echte lettertypen te gebruiken, dan legt Snook uit dat u twee opties hebt: type inbedden of een service van een derde partij gebruiken.
"Uw beslissing ligt voornamelijk bij het lettertype dat u wilt gebruiken en de bijbehorende licenties", zegt hij, terwijl hij Warren spiegelt aan het feit dat gieterijen aarzelen om lettertypen online te laten insluiten, vanwege het potentieel om te kopiëren.
"Services van derden zoals Typekit bieden obfuscatie die de gieterijen op hun gemak heeft gezet. Voor commerciële lettertypen zult u daarom waarschijnlijk een service van een derde partij moeten doorlopen, maar voor gratis of shareware-lettertypen moet u de lettertypen gebruiken vanaf je eigen server. "