Список стандартных шрифтов Windows. Безопасные шрифты Стандартные шрифты для word
Любой браузер по умолчанию не загружает и не устанавливает шрифты со сторонних ресурсов. Именно поэтому зачастую возникает проблема «нестандартных» шрифтов. Допустим, веб-мастер решил сделать на сайте какой-либо красивый шрифт, указал его в коде, а у большинства пользователей сайта этот шрифт не установлен в операционной системе.
Браузер, конечно, попытается заменить этот шрифт на один из тех, что установлен, но сайт отображаться будет совсем не так, как это было задумано изначально. Конечно же, есть технологии, позволяющие обойти данное ограничение, однако лучше делать это в крайних случаях, когда обойтись без сторонних шрифтов просто нельзя.
Итак, какой же этот «стандартный набор» шрифтов. Ниже приведён список предустановленных шрифтов операционных систем (подсвечены шрифты, рекомендованные к применению на сайтах):
Название шрифта | Win 2000 | Win XP | Vista | Win 7 | Win 8 |
Arial | + | + | + | + | + |
Arial Black | + | + | + | + | + |
Book Antiqua | + | ||||
Calibri | + | + | + | ||
Cambria | + | + | + | ||
Candara | + | + | + | ||
Comic Sans MS | + | + | + | + | + |
Consolas | + | + | + | ||
Constantia | + | + | + | ||
Corbel | + | + | + | ||
Courier | + | + | + | + | + |
Courier New | + | + | + | + | + |
Estrangelo Edessa | + | + | + | + | |
Franklin Gothic Medium | + | + | + | + | |
Gautami | + | + | + | + | |
Gabriola | + | + | |||
Georgia | + | + | + | + | + |
Georgia Italic Impact | + | ||||
Impact | + | + | + | + | + |
Latha | + | + | + | + | |
Lucida Console | + | + | + | + | + |
Lucida Sans Console | + | + | + | + | |
Lucida Sans Unicode | + | + | + | + | + |
Marlett | + | + | + | + | + |
Modern | + | + | |||
Modern MS Sans Serif | + | ||||
MS Sans Serif | + | + | + | + | + |
MS Serif | + | + | + | + | + |
MV Boli | + | + | + | + | |
Nyala | + | + | + | ||
Palatino Linotype | + | + | + | + | + |
Roman | + | + | + | + | + |
Script | + | + | + | + | + |
Segoe Print | + | + | + | ||
Segoe Script | + | + | + | ||
Segoe UI | + | + | + | ||
Small Fonts | + | + | |||
Symbol | + | + | + | + | + |
Tahoma | + | + | + | + | + |
Tempus Sans ITC | + | ||||
Times New Roman | + | + | + | + | + |
Trebuchet MS | + | + | + | + | + |
Tunga | + | + | + | + | |
Verdana | + | + | + | + | + |
Webdings | + | + | + | + | + |
Westminster | + | ||||
Wingdings | + | + | + | + | + |
Как выглядят стандартные шрифты.
Windows Vista, Internet Explorer 7, ClearType включен (нажмите на изображение для полноразмерного просмотра)Windows Vista, Firefox 2.0, ClearType включен (нажмите на изображение для полноразмерного просмотра)
Mac OS X 10.4.8, Firefox 2.0, ClearType включен (нажмите на изображение для полноразмерного просмотра)
Windows 2000, IE 6.0 (нажмите на изображение для полноразмерного просмотра)
Выбор стандартного шрифта , используемого конкретной операционной системой, может улучшить производительность. Это относится к любому «безопасному для интернета » шрифту. Польза «системных » шрифтов заключается в том, что они совпадают с теми, которые уже использует операционная система, поэтому пользователю будет комфортно читать текст.
Классификация системных шрифтов :
ОС | Версия | Системный шрифт |
Mac OS X | El Capitan | San Francisco |
Mac OS X | Yosemite | Helvetica Neue |
Mac OS X | Mavericks | Lucida Grande |
Windows | Vista | Segoe UI |
Windows | XP | Tahoma |
Windows | 3.1 до ME | Microsoft Sans Serif |
Android | Ice Cream Sandwich (4.0)+ | Roboto |
Android | Cupcake (1.5) до Honeycomb (3.2.6) | Droid Sans |
Ubuntu | Все версии | Ubuntu |
Переходим к коду
Вступление показывает, что с появлением новых версий операционных систем приходят новые шрифты, а с ними и необходимость обновления стандартных шрифтов для сайта .
Метод 1: Системные шрифты на уровне элемента
Chrome и Safari недавно представили «system-ui » — универсальное семейство шрифтов, которое может быть использовано вместо «-apple-system » и «BlinkMacSystemFont «. Один из методов применения системных шрифтов - вызвать их напрямую для элемента, используя свойство font-family .
GitHub использует этот метод на своем сайте, применяя системные шрифты в body :
/* Системные шрифты используются GitHub */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
И Medium и WordPress admin используют схожий подход. Больше всего поддерживается Oxygen Sans (создан для операционной системы GNU+Linux ) и Cantarell (создан для операционной системы GNOME ).
Данный пример также демонстрирует поддержку некоторых типов смайликов и символов :
/* Системные шрифты, как их использует Medium и WordPress */ body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
Примечание: Этот метод можно использовать только для font family CSS стандартных шрифтов вместо более короткого font.
Метод 2: Стеки системных шрифтов
Ограничение первого метода заключается в необходимости вызывать полный стек шрифтов каждый раз, когда он применяется для элемента. А это может раздуть код, в зависимости от того, где и как оно используется.
Альтернативный метод, при котором системные шрифты объявляются с помощью свойства @font-face . Его преимущество заключается в том, что можно объявить шрифты один раз и затем применять их со свойством font-family вместо длинного списка шрифтов каждый раз.
В этой статье поделюсь своим решение проблемы с некорректной отображением шрифтов в Windows 7, требующей восстановления всех стандартных шрифтов в Windows 7 . Предыстория вопроса такова: недавно искал себе новые оригинальные шрифты для использования в графическом редакторе, скачал себе их целую гору, но тут заметил, что при добавлении нового шрифта в систему, если имеется совпадение, то оригинальный шрифт заменяется новым (инструкция как установить шрифты в windows 7 ). В результате такой деятельности, в половине системных панелях и приложениях стало невозможно работать из-за того, что они заговорили на незнакомых мне языках:).
Быстрое гугление по запросам «восстановить системные шрифты в Windows 7 » и «стандартные шрифты для Win 7 », особого результате не дало, предложенные решения не помогfkb (естественно, переустановка системы меня не устраивала). Поэтому я решил пойти своим путем и для начала просто скопировал оригинальные шрифты с заведомо нормальной системы (напомню, что шрифты хранятся в каталоге %windir%\fonts ) и заменил ими шрифты на своей системе. Решение помогло лишь отчасти, работать в системе стало возможно, появилась родные мне кириллические символы, однако параметры шрифтов оставляли желать лучшего. Во-первых, изменился размер некоторых шрифтов, либо же их написание перестало соответствовать оригиналу, либо шрифт почему-то стал жирным.
Однако мне удалось понять, как победить и эту проблему. Для этого необходимо сбросить параметры шрифтов в реестре, для чего скачайте приложенный ниже файл, позволяющий восстановить ассоциации для стандартных шрифтов в 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 Мб.
Каждый дизайнер постоянно использует в своей работе для отображения текстовой информации. Обычно, при выборе шрифта ему приходится принимать во внимание не только привлекательность или читабельность гарнитуры, но и множество технических параметров.
Например, большинство типографий не примут документ, сверстанный с использованием системных шрифтов. Это связано с тем, что стандартные шрифты могут несколько отличаться в разных версиях .
А вот при разработке веб-страницы, напротив, следует выбирать шрифт из набора стандартных. Ниже приведена таблица присутствия базовых шрифтов в стандартной поставке разных версий Windows.
Название шрифта | Win95 | WinNT | Win98 | Win2000 | WinMe | WinXP |
---|---|---|---|---|---|---|
Abadi MT Condensed Light | ° | ° | + | ° | ° | ° |
Arial | + | + | + | + | + | + |
Arial Alternative Regular | ° | ° | ° | ° | + | ° |
Arial Alternative Symbol | ° | ° | ° | ° | + | ° |
Arial Black | ° | ° | + | + | + | + |
Arial Bold | + | + | + | + | + | + |
Arial Bold Italic | + | + | + | + | + | + |
Arial Italic | + | + | + | + | + | + |
Book Antiqua | ° | ° | + | ° | ° | ° |
Calisto MT | + | |||||
Century Gothic | ° | ° | + | ° | ° | ° |
Century Gothic Bold | ° | ° | + | ° | ° | ° |
Century Gothic Bold Italic | ° | ° | + | ° | ° | ° |
Century Gothic Italic | ° | ° | + | ° | ° | ° |
Comic Sans MS | ° | ° | + | + | + | ° |
Comic Sans MS Bold | ° | ° | + | + | + | + |
Copperplate Gothic Bold | ° | ° | + | ° | ° | ° |
Copperplate Gothic Light | ° | ° | + | ° | ° | ° |
Courier | + | + | + | + | + | + |
Courier New | + | + | + | + | + | + |
Courier New Bold | + | + | + | + | + | + |
Courier New Bold Italic | + | + | + | + | + | + |
Courier New Italic | + | + | + | + | + | + |
Estrangelo Edessa | ° | ° | ° | ° | ° | + |
Franklin Gothic Medium | ° | ° | ° | ° | ° | + |
Franklin Gothic Medium Italic | ° | ° | ° | ° | + | ° |
Gautami | ° | ° | ° | ° | ° | + |
Georgia | ° | ° | ° | + | ° | + |
Georgia Bold | ° | ° | ° | + | ° | + |
Georgia Bold Italic | ° | ° | ° | + | ° | + |
Georgia Italic | ° | ° | ° | + | ° | + |
Georgia Italic Impact | ° | ° | ° | ° | ° | + |
Impact | ° | ° | + | + | + | ° |
Latha | ° | ° | ° | ° | ° | + |
Lucida Console | ° | + | + | + | + | + |
Lucida Handwriting Italic | ° | ° | + | ° | ° | ° |
Lucida Sans Italic | ° | ° | + | ° | ° | ° |
Lucida Sans Unicode | ° | ° | + | + | ° | + |
Marlett | ° | ° | + | ° | + | ° |
Matisse ITC | ° | ° | + | ° | ° | ° |
Modern | + | + | + | + | ° | ° |
Modern MS Sans Serif | ° | ° | ° | ° | ° | + |
MS Sans Serif | + | + | + | + | + | + |
MS Serif | + | + | + | + | + | ° |
Mv Boli | ° | ° | ° | ° | ° | + |
News Gothic MT | ° | ° | + | ° | ° | ° |
News Gothic MT Bold | ° | ° | + | ° | ° | ° |
News Gothic MT Italic | ° | ° | + | ° | ° | ° |
OCR A E+tended | ° | ° | + | ° | ° | ° |
Palatino Linotype | ° | ° | ° | + | ° | + |
Palatino Linotype Bold | ° | ° | ° | + | ° | + |
Palatino Linotype Bold Italic | ° | ° | + | ° | + | ° |
Palatino Linotype Italic | ° | ° | ° | + | ° | + |
Roman | ° | + | ° | + | ° | + |
Script | ° | + | ° | + | ° | + |
Small Fonts | ° | + | ° | + | ° | + |
Smallfonts | + | ° | + | ° | + | ° |
Symbol | + | + | + | + | + | + |
Tahoma | ° | ° | + | + | + | + |
Tahoma Bold | ° | ° | + | + | + | + |
Tempus Sans ITC | ° | ° | + | + | ° | ° |
Times New Roman | + | + | + | + | + | + |
Times New Roman Bold | + | + | + | + | + | + |
Times New Roman Bold Italic | + | + | + | + | + | + |
Times New Roman Italic | + | + | + | + | + | + |
Trebuchet | ° | ° | ° | ° | + | ° |
Trebuchet Bold | ° | ° | ° | ° | + | ° |
Trebuchet Bold Italic | ° | ° | ° | ° | + | ° |
Trebuchet Italic | ° | ° | ° | ° | + | ° |
Trebuchet MS | ° | ° | ° | + | ° | + |
Trebuchet MS Bold | ° | ° | ° | + | ° | + |
Trebuchet MS Bold Italic | ° | ° | ° | + | ° | + |
Trebuchet MS Italic | ° | ° | ° | + | ° | + |
Tunga | ° | ° | ° | ° | ° | + |
Verdana | ° | ° | + | + | + | + |
Verdana Bold | ° | ° | + | + | + | + |
Verdana Bold Italic | ° | ° | + | + | + | + |
Verdana Italic | ° | ° | + | + | + | + |
Webdings | ° | ° | + | + | + | + |
Westminster | ° | ° | + | ° | + | + |
Wingdings | + | + | ° | + | ° | + |
WST_Czech | ° | ° | ° | ° | ° | + |
WST_Engl | ° | ° | ° | ° | ° | + |
WST_Fren | ° | ° | ° | ° | ° | + |
WST_Germ | ° | ° | ° | ° | ° | + |
WST_Ital | ° | ° | ° | ° | ° | + |
WST_Span | ° | ° | ° | ° | ° | + |
WST_Swedм | ° | ° | ° | ° | ° | + |
Следует учитывать, что наличие в системе любого шрифта зависит от выбранных при установке операционной системы опций, а так же используемого программного обеспечения.
Существует несколько шрифтов, которые входят в поставку любой версии Windows. Эти шрифты являются самыми безопасными для веб-дизайна и создания электронных документов, которые должны отображаться одинаково на разных компьютерах.
Безопасные шрифты: Arial, Courier, Courier New, MS Sans Serif, MS Serif, Symbol, Times New Roman.
Существуют шрифты, которые не входят в поставку Windows ранних версий, однако почти обязательно присутствуют в системе (устанавливаются с дополнительным программным обеспечением, например, Microsoft Office). Безопасные шрифты: Arial, Courier, Courier New, MS Sans Serif, MS Serif, Symbol, Times New Roman.
Специфической особенностью рунета является проблема с кодировками страниц и поддержкой кириллицы в шрифтах. Чтобы не возникало проблем с разнообразными кодировками символов, умные люди придумали , который позволяет сочетать в одном шрифте символы нескольких языков. Таким образом для русскоязычных страниц нужно использовать только Unicode шрифты поддерживающие кириллицу.
Ниже приведена таблица соответствий шрифтов.
Windows | Mac OS | Unix/Linux | Родовое семейство |
---|---|---|---|
Arial Black | Helvetica CY | Nimbus Sans L | Sans-serif |
Arial | Helvetica CY | Nimbus Sans L | Sans-serif |
Comic Sans MS | Monaco CY | * (см. ниже) | cursive |
Courier New | * (см. ниже) | Nimbus Mono L | Monospace |
Georgia | * (см. ниже) | Century Schoolbook L | Serif |
Impact | Charcoal CY | * (см. ниже) | Sans-serif |
Times New Roman | Times CY | Nimbus Roman No9 L | Serif |
Trebuchet MS | Helvetica CY | * (см. ниже) | Sans-serif |
Verdana | Geneva CY | DejaVu Sans | Sans-serif |
* в колонке напротив шрифта означает, что родных кириллических эквивалентов Windows шрифта у операционной системы не имеется. Но в то же время есть большая вероятность, что в операционной системе установлен непосредственно сам этот шрифт.
Например, если основным текстом макета является Arial, находим в табличке этот шрифт и в CSS пишем соответствующую ему строчку:
Body { font-family: 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%, у которых нет этого шрифта, то страница отобразится тем шрифтом с засечками, который установлен для просмотра Web-страниц по умолчанию.
Образцы подобных линеек можно увидеть, например, в Dreamweaver.
Начинающие верстальщики выбирают линейку по первому шрифту не задумываются, что же означает эта длинная строчка. Некоторые даже стирают все, кроме первого шрифта, лишая удовольствия увидеть замысел дизайнера всех пользователей, у которых по каким-то причинам не установлен этот шрифт.
Но мы то теперь знаем, что означает эта строка, не правда ли? И уже можем правильно ее использовать.
Но почему же строка построенная нами так сильно отличается от привычного по Dreamweaver:
Body { font-family: Arial, Helvetica, sans-serif; }
Кроме того, что в таблице учитываются шрифты Unix/Linux, там еще после обычного Helvetica идет какой-то странный значок CY. Давайте разбираться, что же это такое!
До выхода Mac OS X эта линейка имела следующее значение: для пользователей Windows отображаем страницу Arial, для пользователей Mac OS 9 — стандартным шрифтом Helvetica, а остальные видят страницу с системным шрифтом без засечек, настроенным по умолчанию в браузере. Но опять же немаловажный нюанс! У стандартного Mac OS 9 шрифта Helvetica нет кириллицы! Для русскоязычной страницы это означало следующее: для пользователей Windows отображаем страницу Arial, для пользователей Mac OS 9 — стандартным шрифтом Helvetica, который выводит нечитаемую информацию, а остальные видят страницу с системным шрифтом без засечек, настроенным по умолчанию в браузере.
Для правильного отображения этого набора у пользователей 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 | Mac OS | Родовое семейство |
---|---|---|
Lucida Console | Monaco | Monospace |
Lucida Sans Unicode | Lucida Grande | Sans-serif |
Tahoma | Geneva CY | Sans-serif |
А если без кириллицы?
Для англоязычных текстов вышеприведенные таблицы имеют несколько другой вид.
Windows | Mac OS | Unix/Linux | Родовое семейство |
---|---|---|---|
Arial Black | Gadget | Nimbus Sans L | Sans-serif |
Arial | Helvetica | Nimbus Sans L | Sans-serif |
Comic Sans MS | Monaco | TSCu_Comic | cursive |
Courier New | Courier | Nimbus Mono L | Monospace |
Georgia | * (см. ниже) | Century Schoolbook L | Serif |
Impact | Charcoal | Rekha | Sans-serif |
Times New Roman | Times | Nimbus Roman No9 L | Serif |
Trebuchet MS | Helvetica | Garuda | Sans-serif |
Verdana | Geneva | DejaVu Sans | Sans-serif |
Для шрифтов Arial, Courier New и Times New Roman при составлении линеек лучше указывать сначала шрифт для Unix/Linux, а затем для Mac OS. Это связанно с некоторой кривостью набора Linux шрифтов X11 core fonts set.
Шрифты, которые не входят в перечень «безопасных», но могут использоваться на макетах, лучше определять шрифтовыми CSS стеками на основе этой таблицы.
Windows | Mac OS | Unix/Linux | Родовое семейство |
---|---|---|---|
Lucida Console | Monaco | — | Monospace |
Lucida Sans Unicode | Lucida Grande | Garuda | Sans-serif |
Palatino Linotype | Palatino | Garuda** | Sans-serif |
Tahoma | Geneva | Kalimati | Sans-serif |
Прочерк в графе Unix/Linux обозначает, что пользователи этих ОС скорее всего увидят на странице шрифт, установленный для отображения страниц по умолчанию.