Най-добрите стандартни шрифтове. Системни шрифтове, връзка

Една от основните задачи на уеб дизайна е да изберете правилния стандартни шрифтове. Услугите за вграждане на шрифтове като Google Web Fonts или Typekit бяха създадени като алтернатива с цел да предоставят нещо ново.

Те са много лесни за използване. Да вземем за пример Google Web Fonts.

Изберете шрифт Open Sans, Droid Serif или Lato. Напишете кода и го поставете в елемента HTML документ. Готови сте да го препратите в CSS! Целият процес отне не повече от 60 секунди. И всичко е напълно безплатно.

Какво може да не е наред?

Някои шрифтове може да не са достъпни за всички. А това означава, че може да има проблеми. Вие се радвате, че сте избрали красив шрифт за сайта, но посетителят на уеб страницата вижда вместо това грозни надписи.

Това няма да се случи, ако приложите резервна опция.

Колко важно е да използвате безопасни уеб шрифтове?

Всяко устройство има свой собствен набор от предварително инсталирани шрифтове. Кое зависи от операционната система. Проблемът е, че между тях има малки разлики.

Какво ще кажете за уебсайтовете? Като този? Шрифтът, който виждате, може да не е първоначално зададеният за сайта.

Какво означава? Да кажем, че дизайнерът е избрал някакво семейство платени шрифтове за сайта. Ако нямате инсталирани и не се предоставят от специална уеб услуга, тогава шрифтът, който виждате, е една от стандартните опции. Например Times New Roman.

Следователно текстът на вашия екран може да изглежда просто ужасно.

И тук стандартни шрифтове за сайтаналичен на всички операционни системи. Това е малка колекция, достъпна за Windows, Mac, Google, както и за Unix и Linux.

С помощта на тази селекция дизайнерите, както и собствениците на уебсайтове, могат да определят кой шрифт да се използва като резервен шрифт. Това ви дава възможност да контролирате как ще изглежда страницата на различни устройства.

Като резервна опция, разработчикът избира шрифт, който е много подобен на оригиналния, и именно този ще бъде показан на потребителя.

Нека да разгледаме селекция от най-популярните стандартни шрифтове HTML.

15 най-добри уеб безопасни шрифта

1. Arial

Счита се за стандарт в повечето случаи. Най-често срещаният шрифт " без сериф"или безсерифни шрифтове ( които нямат серифи в края на буквите). Често се използва в Windows за заместване на други знаци.

1. Хелветика

Helvetica е спасител за дизайнерите. Това стандартен уеб шрифтработи почти винаги ( поне като предпазна мрежа за други шрифтове).

1. Times New Roman

Изпълнява същата роля за серифните шрифтове, както Arial за безсерифните. Той е един от най-популярните на Windows устройства. Това е актуализирана версия на стария шрифт Times.

1. пъти

CSS стандартен шрифт The Times е познат на повечето. Много хора го помнят с малки букви в тесни колони на стари вестници. Най-често срещаният вид печат, превърнал се в традиция.

1. Куриер Ново

Подобно на Times New Roman и използвано като вариация на старите класики. Също така се счита за шрифт с едно пространство. За разлика от серифните и безсерифните шрифтове, всичките му знаци имат еднаква ширина.

1. Куриер

Стар шрифт с фиксирана ширина, който се използва като резервен на почти всички устройства и операционни системи.

1. Вердана

Verdana с право може да се счита за истински уеб шрифт ( истински уеб шрифт) благодарение на простите линии, действащи като серифи, както и на големия размер. Буквите му са леко издължени, така че лесно се четат на екрана.

1. Грузия

Стандартният уеб шрифт Georgia е подобен по форма и размер на шрифта Verdana. Знаците му са по-големи от другите шрифтове със същия размер. Но е по-добре да не го използвате в комбинация с други. Същият Times New Roman изглежда като джудже в сравнение.

1. Палатино

Palatino датира от епохата на Ренесанса. Без шеги. Това е друг голям шрифт, който е идеален за мрежата. Често се използва в заглавия и реклами.

1. Гарамонд

Друг древен шрифт, който се появява през 16 век в Париж. Неговата нова и подобрена версия е стандартна за повечето устройства с Windows. По-късно този шрифт е приет от други операционни системи.

1. Bookman

Bookman ( или Bookman Old Style) - един от най-добрите стандартни шрифтовеза заглавия. Неговата характерна черта е четливост дори при използване на малък размер.

1. Comic Sans MS

Comic Sans MS е забавна алтернатива за серифни шрифтове.

1. Trebuchet MS

Това е средновековен шрифт, първоначално разработен от Microsoft в средата на деветдесетте години. Използван е в Windows XP. Днес тя се използва за съставяне на основния текст.

Специфична особеност на RuNet е проблемът с кодирането на страниците и поддръжката на кирилица в шрифтовете. За да избегнат проблеми с различни кодировки на знаци, умните хора измислиха шрифт, който ви позволява да комбинирате знаци от няколко езика в един шрифт. По този начин за страници на руски език трябва да използвате само Unicode шрифтове, които поддържат кирилица.

По-долу е дадена таблица на съответствията на шрифтовете.

Windows	MacOS	Unix/Linux	родово семейство
Arial Черно	Helvetica C.Y.	Nimbus Sans L	Sans-serif
Arial	Helvetica C.Y.	Nimbus Sans L	Sans-serif
Comic Sans MS	Монако CY	* (виж отдолу)	курсив
Куриер Ново	* (виж отдолу)	Nimbus Mono L	Монопространство
Грузия	* (виж отдолу)	Century Schoolbook L	Serif
Въздействие	Въглен C.Y.	* (виж отдолу)	Sans-serif
Times New Roman	Times C.Y.	Nimbus Roman No9 L	Serif
Trebuchet MS	Helvetica C.Y.	* (виж отдолу)	Sans-serif
Вердана	Женева C.Y.	DejaVu Sans	Sans-serif

* в колоната срещу шрифта означава, че операционната система няма родни кирилски еквиваленти на шрифта на Windows. Но в същото време има голяма вероятност самият този шрифт да е инсталиран директно в операционната система.

Например, ако основният текст на оформлението е Arial, намираме този шрифт в таблицата и записваме съответния ред в CSS:

Тяло (семейство шрифтове: Arial, „Helvetica CY“, „Nimbus Sans L“, sans-serif; )

Този запис означава, че ако потребителят има шрифт Arial (и всички потребители на Windows и всички потребители на Mac OS X го имат), тогава страницата ще се показва с този шрифт. Ако потребителят няма този шрифт, тогава страницата на рускоезичен потребител на Mac OS 9 ще бъде точно показана в стандартния системен шрифт Helvetica CY, а за потребител на Unix/Linux ще бъде показана в шрифта Nimbus Sans L , който е инсталиран на 90% от потребителите на Unix/Linux. Ако потребителят на Unix/Linux е сред 10-те%, които нямат този шрифт, тогава страницата ще се покаже със серифния шрифт, който е зададен по подразбиране за преглед на уеб страници.

Примери за такива линийки могат да се видят например в Dreamweaver.

Начинаещите дизайнери на оформление избират линийка въз основа на първия шрифт, без да се замислят какво означава този дълъг ред. Някои дори изтриват всичко с изключение на първия шрифт, лишавайки всички потребители, които по някаква причина не са инсталирали този шрифт, да видят намерението на дизайнера.

Но сега знаем какво означава този ред, нали? И вече можем да го използваме правилно.

Но защо линията, която изградихме, е толкова различна от обичайната в Dreamweaver:

Тяло (семейство шрифтове: Arial, Helvetica, sans-serif; )

В допълнение към факта, че таблицата взема предвид Unix/Linux шрифтовете, има и някаква странна CY икона след обичайната Helvetica. Нека да разберем какво е!

Преди пускането на Mac OS X този ред имаше следното значение: за потребители на Windows показваме страницата в Arial, за потребители на Mac OS 9 със стандартния шрифт Helvetica, а за останалите виждаме страницата в системата sans-serif шрифт, който е конфигуриран по подразбиране в браузъра. Но отново важен нюанс! Стандартният шрифт на Mac OS 9 Helvetica няма кирилица! За рускоезичната страница това означаваше следното: за потребителите на Windows показваме страницата Arial, за потребителите на Mac OS 9 - със стандартния шрифт Helvetica, който показва нечетлива информация, а останалите виждат страницата със системния sans-serif шрифт, конфигуриран по подразбиране в браузъра.

За правилно показване на този набор за потребители на Mac OS 9, вместо некирилизирана Helvetica, има смисъл да посочите същия стандартен шрифт Mac OS 9 Helvetica CY, съдържащ кирилица.

Четенето на линийките се промени след пускането на Mac OS X. Вече има един общ стандартен шрифт, определен за Windows/Mac OS X. И ако искаме потребителите на Mac OS 9 да могат да видят намерението на дизайнера, трябва да включим шрифт, съдържащ кирилица в реда на шрифта.

Така че, въпреки че няма безопасни шрифтове, има безопасни семейства от шрифтове. Те също се наричат CSS стекове на шрифтове. В допълнение към стандартните Windows/Mac OS X шрифтове, тези редове могат също да включват еквивалентни шрифтове от стандартния набор на Mac OS 9 (който не съдържа „безопасни” шрифтове по подразбиране) и общи Unix/Linux шрифтове.

Всеки дизайнер на оформление рано или късно се сблъсква с момент, в който дизайнерът използва шрифт в оформление, което не е включено в списъка на „безопасните“ шрифтове; Но това все още не е причина да алармирате! Например, дизайнерите много често използват шрифта Tahoma върху оформления, който не е включен в този списък. Правилно изградената линия от шрифтове отваря възможността за използване не само на Tahoma, но и на други шрифтове. Все повече дизайнери се възползват от тази възможност и един компетентен дизайнер на оформление трябва да знае за това.

По-долу има допълнителна таблица с шрифтове, които не са включени в списъка с „безопасни“ шрифтове, но могат да се използват в оформления.

Windows	MacOS	родово семейство
Lucida Console	Монако	Монопространство
Lucida Sans Unicode	Лусида Гранде	Sans-serif
Тахома	Женева C.Y.	Sans-serif

Ами ако няма кирилица?

За текстове на английски език горните таблици имат малко по-различен вид.

Windows	MacOS	Unix/Linux	родово семейство
Arial Черно	Джаджа	Nimbus Sans L	Sans-serif
Arial	Хелветика	Nimbus Sans L	Sans-serif
Comic Sans MS	Монако	TSCu_Комикс	курсив
Куриер Ново	Куриер	Nimbus Mono L	Монопространство
Грузия	* (виж отдолу)	Century Schoolbook L	Serif
Въздействие	дървени въглища	Реха	Sans-serif
Times New Roman	пъти	Nimbus Roman No9 L	Serif
Trebuchet MS	Хелветика	Гаруда	Sans-serif
Вердана	Женева	DejaVu Sans	Sans-serif

За шрифтове Arial, Courier New и Times New Roman, когато създавате линийки, е по-добре първо да посочите шрифта Unix/Linux и след това шрифта Mac OS. Това се дължи на известна изкривеност на набора от основни шрифтове на Linux X11.

Шрифтовете, които не са включени в списъка „безопасни“, но могат да се използват в оформления, са по-добре дефинирани от стекове от CSS шрифтове въз основа на тази таблица.

Windows	MacOS	Unix/Linux	родово семейство
Lucida Console	Монако	—	Монопространство
Lucida Sans Unicode	Лусида Гранде	Гаруда	Sans-serif
Палатински линотип	Палатино	Гаруда**	Sans-serif
Тахома	Женева	Калимати	Sans-serif

Тире в колоната Unix/Linux показва, че потребителите на тези операционни системи най-вероятно ще видят шрифта по подразбиране на страницата.

Шрифтовете са неразделна и много важна част от дизайна на уеб сайта, подчертавайки неговата индивидуалност. Статията ще говори за свързване на стандартни шрифтове към уеб страница, те също се наричат ​​системни шрифтове.

Системни, стандартни, безопасни шрифтове

Всеки браузър показва само онези шрифтове, които присъстват в операционната система на компютъра. Затова се наричат ​​системни и се инсталират по подразбиране заедно с операционната система.

И те се наричат ​​безопасни шрифтове, защото има вероятност да се показват в браузъра на повечето посетители на уебсайта.

Но проблемът е, че различните операционни системи имат различни набори от инсталирани шрифтове. Можете да видите наборите от доставени шрифтове заедно с операционната система на официалните страници на Windows и Mac OS. А в Unix/Linux изобщо няма стандартен набор.

За да може интернет страницата да се показва в съответствие с идеята на дизайнера, в CSS е инсталирано свойство на шрифта, наречено font-family

свойство на семейство шрифтове

Свойството font-family е семейства шрифтове, групирани по определени характеристики.

Генерични семейства:

• serif - шрифтове със серифи в краищата;
• sans-serif - безсерифни шрифтове;
• курсивни - наклонени шрифтове;
• фентъзи - декоративни шрифтове;
• monospace - моноширинен шрифт (с букви с еднаква ширина).

По този начин подобни шрифтове от различни операционни системи просто се избират и свързват към интернет страницата, разделени със запетаи.

Ето един пример, само за визуално възприятие. Ще се върнем към този пример по-късно, когато обмисляме директно свързване на шрифтове.

Просто следвайте логиката и всичко ще стане кристално ясно.

Тяло (семейство шрифтове: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; ) Нека анализираме написаното:

• OS Windows - Arial;
• OC Mac OS - Helvetica CY;
• OC Unix/Linux - Nimbus Sans L;
• Генерично семейство - sans-serif.

Така наречените безопасни шрифтове

Въз основа на OS Windows е съставен списък от няколко безопасни шрифта.

1. Arial
2. Arial Черно
3. Comic Sans MS
4. Куриер Ново
5. Грузия
6. Въздействие
7. Times New Roman
8. Trebuchet MS
9. Вердана

Всички тези шрифтове са инсталирани на Mac OS X, Windows и много потребители на Unix/Linux, които имат инсталирани основни шрифтове за уеб пакета.

За други потребители е предоставена таблица за съответствие. Съдържа подобни шрифтове, принадлежащи към конкретно семейство.

Таблица на съответствие и принадлежност на шрифтове към конкретно семейство:

Windows	MacOS	Unix/Linux	родово семейство
Arial Черно	Helvetica C.Y.	Nimbus Sans L	Sans-serif
Arial	Helvetica C.Y.	Nimbus Sans L	Sans-serif
Comic Sans MS	Монако CY	* (виж отдолу)	курсив
Куриер Ново	* (виж отдолу)	Nimbus Mono L	Монопространство
Грузия	* (виж отдолу)	Century Schoolbook L	Serif
Въздействие	Въглен C.Y.	* (виж отдолу)	Sans-serif
Times New Roman	Times C.Y.	Nimbus Roman No9 L	Serif
Trebuchet MS	Helvetica C.Y.	* (виж отдолу)	Sans-serif
Вердана	Женева C.Y.	DejaVu Sans	Sans-serif

* Когато свързвате шрифтове, можете спокойно да разчитате на него. Таблицата поддържа кирилица и руската азбука.

Свързване на системни шрифтове към сайта

Ако трябва да се свържете основен шрифт за целия документ, просто трябва да добавите следния код към листа със стилове на CSS:

Body ( /* свържете шрифта с целия документ */ font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* допълнително задайте размера на шрифта */ font-size: 16px; / * задайте удебеления шрифт или вместо 400 задайте стойността - нормален */ font-weight: 400; )

Ето как системните шрифтове са свързани в рамката на Bootstrap 4: Шрифтовете са включени с оглед на мобилните устройства.

Тяло (семейство шрифтове: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; )

Задаване на шрифт за заглавия

H1, H2, H3, H4, H5, H6 - тук е същото, само че задаваме стойността на удебелеността, за да подчертаем заглавията:

H1, h2, h3, h4, h5, h6 (семейство шрифтове: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* свържете шрифта със заглавията */ тегло на шрифта: 600; / * задайте тегло на шрифта или вместо 600, задайте стойността на получер */ )

Присвояваме шрифт само на параграфи:

p ( семейство шрифтове: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; тегло на шрифта: нормално; размер на шрифта: 16px; ) Ред по ред изглежда така:

1. Ние свързваме шрифта с абзаци, той може да се прилага към li списъци, div блокове, формуляри и други елементи;
2. Задайте теглото на шрифта или вместо 600 задайте стойността на удебелен шрифт;
3. Освен това задаваме размера на шрифта за параграфите.

Да се задайте шрифт само на конкретен параграфили блок, първо трябва да присвоите клас на този блок в HTML документа:

Ето параграф с шрифт на приставката

И в CSS таблицата напишете следния код:

Основен шрифт (семейство шрифтове: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; тегло на шрифта: нормално; размер на шрифта: 16px; )

Сега на всеки таг - html елемент с клас .font (наречете го както искате) ще бъде присвоен шрифт Arial с нормален (400), удебелен шрифт и размер от 16 пиксела.
По същия начин можете да зададете различни шрифтове на li списъци, таблици, цели div блокове, отделни думи или фрази.

Свързване на шрифтове директно в HTML документ

Шрифтовете се включват директно в HTML документ по същия начин като CSS файл, единствената разлика е в синтаксиса. Можете да включите шрифтове в заглавката на документа - между таговете (подобно на CSS файл), или inline - присвояване на свойства директно на html тагове.

Включително шрифтове в заглавката, между тагове . За да направите това, добавете следния код към html документа:

Всичко е подобно на връзката в CSS файла.

Вградени свързващи шрифтове

Директно към елементите на сайта. Нека ви дам няколко примера:

Свързване на шрифта с абзаца

Ето абзац с текст

Маркираме отделна дума с удебелен шрифт и присвояваме отделен шрифт от основния

Ето абзац с текст и това дума, които трябва да бъдат подчертани с удебелен шрифт

Маркираме връзката с удебелен шрифт и присвояваме отделен шрифт от основния

Това е обикновен текст. Тук връзката също е обикновен текст.

По същия начин ние присвояваме шрифтове на всеки html таг.

Забележка - Системни шрифтове в Bootstrap 4

Разработчиците на известния Framework Bootstrap 4 свързват шрифтовете по следния начин, така че почти всяко устройство да може да използва своите стандартни системни шрифтове.

Тяло (семейство шрифтове: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; )

В тази статия ще споделя моето решение на проблема с неправилното показване на шрифтове в Windows 7, което изисква възстановяване на всички стандартни шрифтове вWindows 7. Предисторията на въпроса е следната: наскоро търсих нови оригинални шрифтове за използване в графичен редактор, изтеглих цял куп от тях, но след това забелязах, че когато се добави нов шрифт към системата, ако има съвпадение, оригиналният шрифт се заменя с нов (инструкции за инсталиране на шрифтове в Windows 7). В резултат на тази дейност стана невъзможно да се работи в половината от системните панели и приложения поради факта, че те говореха на непознати за мен езици :).

Бързо търсене в Google на „ възстановяване на системните шрифтовеWindows 7" И " стандартни шрифтове заWindows 7", не даде много резултат, предложените решения не помогнаха на fkb (естествено, преинсталирането на системата не ме устройваше). Затова реших да тръгна по свой собствен път и като начало просто копирах оригиналните шрифтове от известна нормална система (нека ви напомня, че шрифтовете се съхраняват в директорията %windir%\шрифтове) и замених шрифтовете на моята система с тях. Решението помогна само частично, стана възможно да се работи в системата, появиха се родните ми знаци на кирилица, но параметрите на шрифта оставиха много да се желае. Първо, размерът на някои шрифтове се е променил или изписването им вече не съответства на оригинала, или по някаква причина шрифтът е станал удебелен.

Въпреки това успях да разбера как да преодолея този проблем. За да направите това, трябва да нулирате настройките на шрифта в системния регистър, за което изтеглете прикачения по-долу файл, който ви позволява да възстановите асоциациите за стандартни шрифтове в Windows 7. Можете да го изтеглите:

Този файл представлява експортираното съдържание на кошера на системния регистър HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fontsв Win 7. След прилагане на този .reg файл, системата трябва да се рестартира, ето! Проблемът с шрифтовете трябва да изчезне!

Тези. Последователността, която ми помогна да възстановя стандартните системни шрифтове в Windows 7, е следната:

• замяна на шрифтове в директорията %windir%\fonts с шрифтове от "чиста" система
• експортиране на клон на регистъра HLM\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts

Надявам се, че ако вашите шрифтове също са се сринали, това решение ще ви помогне също. Във всеки случай, ако намерите алтернативен метод, който е помогнал във вашата ситуация, не се колебайте да споделите в коментарите. На теория инструкциите са подходящи и в случаите, когато желаният шрифт е бил случайно изтрит и след като е намерен и копиран обратно, проблемите не изчезват.

PS. Ако нямате под ръка чист Windows 7, можете да изтеглите архив със стандартни шрифтове тук: http://narod.ru/disk/52061075001.99f42303cf1a0ac70dc978dd20406657/original_fonts.zip.html, размерът на архива е около 350 MB.

Този списък съдържа шрифтове, общи за всички текущи операционни системи Windows (всъщност от Windows 98) и техните еквиваленти в Mac OS. Такива шрифтове понякога се наричат ​​„безопасни за браузъра шрифтове“ ( безопасни шрифтове за браузър). Това е малък справочник, който използвам, когато правя уеб страници, и мисля, че ще бъде полезен и на вас.

Ако сте нов в уеб дизайна, може би си мислите нещо като: „Защо трябва да се ограничавам до толкова малък набор от шрифтове? Имам огромна колекция от красиви шрифтове!“ Факт е, че браузърът на посетителя може да показва само онези шрифтове, които са инсталирани в неговияоперационна система ( прибл. преводач:В момента вече е възможно да се използват практически всякакви шрифтове при проектиране на страници с помощта на CSS 3 и новото му свойство @font-face; обаче все още не всички браузъри поддържат тази функция), което означава, че всекипосетителят на вашата страница трябва да е собственик на избраните от вас шрифтове. Следователно трябва да използвате само шрифтове, които са налични във всяка операционна система. За щастие CSS има свойство @шрифтово семейство, което улеснява тази задача.

списък

значение на @font-family	Windows	Mac	семейство
Arial, Helvetica, sans-serif	Arial	Arial, Helvetica	безсерифен
"Arial Black", Gadget, sans-serif	Arial Черно	Arial Black, Gadget	безсерифен
„Comic Sans MS“, курсив	Comic Sans MS	Comic Sans MS 5	курсив
"Courier New", Courier, monospace	Куриер Ново	Куриер Ново, Куриер 6	монопространство
Джорджия, Сериф	Грузия 1	Грузия	сериф
Impact, Charcoal, sans-serif	Въздействие	Удар 5, въглен 6	безсерифен
"Lucida Console", Монако, монопространство	Lucida Console	Монако 5	монопространство
„Lucida Sans Unicode“, „Lucida Grande“, sans-serif	Lucida Sans Unicode	Лусида Гранде	безсерифен
"Палатино линотип", "Book Antiqua", Палатино, сериф	Palatino Linotype, Book Antiqua 3	Палатино 6	сериф
Тахома, Женева, без сериф	Тахома	Женева	безсерифен
"Times New Roman", Times, сериф	Times New Roman	пъти	сериф
"Trebuchet MS", Helvetica, sans-serif	Требуше MS 1	Хелветика	безсерифен
Вердана, Женева, без сериф	Вердана	Вердана, Женева	безсерифен
Символ	Символ 2	Символ 2	-
Лентовки	Връзки 2	Връзки 2	-
Wingdings, "Zapf Dingbats"	Wingdings 2	Запф Дингбатс 2	-
"MS Sans Serif", Женева, без сериф	MS Sans Serif 4	Женева	безсерифен
"MS Serif", "Ню Йорк", сериф	MS Serif 4	Ню Йорк 6	сериф

1 Шрифтовете Georgia и Trebuchet MS се доставят с Windows 2000/XP и са включени в пакета шрифтове на IE (и наистина идват с много приложения на Microsoft), така че са инсталирани на много компютри с Windows 98.

2 Символните шрифтове се показват само в Internet Explorer; в други браузъри те обикновено се заменят със стандартен шрифт (въпреки че например шрифтът Symbol се показва в Opera, а Webdings в Safari).

3 Шрифтът Book Antiqua е почти идентичен с Palatino Linotype; Palatino Linotype идва с Windows 2000/XP, а Book Antiqua идва с Windows 98.

4 Моля, имайте предвид, че тези шрифтове не са TrueType, а растерни, така че може да изглеждат зле при някои размери (те са проектирани да се показват с 8, 10, 12, 14, 18 и 24 pt при 96 DPI).

5 Тези шрифтове работят само в Safari в стандартен стил, но не работят в удебелен или курсив. Comic Sans MS също работи с удебелен шрифт, но не и с курсив. Други браузъри на Mac изглежда добре емулират липсващите свойства на шрифта сами (благодарение на Christian Fecteau за съвета).

6 Тези шрифтове се инсталират на Mac само с класическа инсталация

Екранни снимки

• Mac OS X 10.4.8, Firefox 2.0, ClearType активиран (благодарение на Juris Vecvanags за екранната снимка)
• Mac OS X 10.4.4, Firefox 1.5, ClearType активиран
• Mac OS X 10.4.11, Safari 3.0.4, ClearType активиран (благодарение на Nolan Gladius за екранната снимка)
• Mac OS X 10.4.4, Safari 2.0.3, ClearType активиран (благодарение на Eric Zavesky за екранната снимка)
• Windows Vista, Internet Explorer 7, разрешен ClearType
• Windows Vista, Firefox 2.0, ClearType активиран (благодарение на Michiel Bijl за екранната снимка)