Список шрифтов для использования в HTML-коде

HTML Fonts

Содержание
  1. Визуализация стандартных шрифтов
  2. Основные разновидности шрифтов
  3. Стандартные шрифты для разных версий Windows
  4. Группы и семейства шрифтов
  5. Как выглядят шрифты в различных браузерах

Визуализация стандартных шрифтов

Опытные дизайнеры и веб-мастера знают, что нужно использовать те шрифты, которые установлены на компьютере или мобильном устройстве у посетителей сайта. Каждый владелец устройства может иметь набор разных шрифтов, поэтому на сайтах можно использовать стандартные шрифты, либо загружать нестандартные вместе с сайтом. Браузеры используют ограниченное количество стандартных шрифтов, таких как Arial, Arial Black, Comic Sans MS, Courier New, Helvetica, Garamond, Georgia, Impact, Lucida Console, Lucida Sans Unicode, Microsoft Sans Serif, Tahoma, Times New Roman, Trebuchet MS, Verdana, Webdings. Загрузка шрифтов вместе с сайтом требует особых приёмов.

Посмотреть, какие наиболее распространённые шрифты установлены на вашем устройстве можно в таблице ниже. Если шрифт не установлен на вашем устройстве, то соответствующий текст в списке будет отображён стандартными системным шрифтом (обычно из того же семейства шрифтов).

нижний регистр ВЕРХНИЙ РЕГИСТР

  1. academy engraved let
  2. algerian
  3. amaze
  4. arial
  5. arial black
  6. balthazar
  7. bankgothic lt bt
  8. bart
  9. bimini
  10. book antiqua
  11. bookman old style
  12. braggadocio
  13. britannic bold
  14. brush script mt
  15. calibri
  16. cambria
  17. candara
  18. century gothic
  19. century schoolbook
  20. chasm
  21. chicago
  22. colonna mt
  23. comic sans ms
  24. commercialscript bt
  25. consolas
  26. constantia
  27. coolsville
  28. corbel
  29. courier
  30. courier new
  31. cursive
  32. dayton
  33. desdemona
  34. estrangelo edessa
  35. fantasy
  36. flat brush
  37. footlight mt light
  38. franklin gothic medium
  39. futurablack bt
  40. futuralight bt
  41. gabriola
  42. garamond
  43. gautami
  44. gaze
  45. geneva
  46. georgia
  47. georgia italic impact
  48. geotype tt
  49. helterskelter
  50. helvetica
  51. herman
  52. highlight let
  53. impact
  54. jester
  55. joan
  56. john handy let
  57. jokerman let
  58. kelt
  59. kids
  60. kino mt
  61. la bamba let
  62. latha
  63. lithograph
  64. lucida console
  65. lucida sans console
  66. lucida sans unicode
  67. map symbols
  68. marlett
  69. matteroffact
  70. matisse itc
  71. matura mt script capitals
  72. mekanik let
  73. modern
  74. modern ms sans serif
  75. monaco
  76. monospace
  77. monotype sorts
  78. ms linedraw
  79. ms sans serif
  80. ms serif
  81. mv boli
  82. new york
  83. nyala
  84. olddreadfulno7 bt
  85. orange let
  86. palatino
  87. palatino linotype
  88. playbill
  89. pump demi bold let
  90. puppylike
  91. roland
  92. roman
  93. sans-serif
  94. script
  95. scripts
  96. scruff let
  97. segoe print
  98. segoe script
  99. segoe ui
  100. serif
  101. short hand
  102. signs normal
  103. simplex
  104. simpson
  105. small fonts
  106. stylus bt
  107. superfrench
  108. surfer
  109. swis721 bt
  110. swis721 blkoul bt
  111. symap
  112. symbol (symbol)
  113. tahoma
  114. technic
  115. tempus sans itc
  116. terk
  117. times
  118. times new roman
  119. trebuchet ms
  120. trendy
  121. txt
  122. tunga
  123. verdana
  124. victorian let
  125. vineta bt
  126. vivian
  127. webdings (webdings)
  128. western
  129. westminster
  130. westwood let
  131. wide latin
  132. wingdings (wingding)
  133. zapfellipt bt

  1. ACADEMY ENGRAVED LET
  2. ALGERIAN
  3. AMAZE
  4. ARIAL
  5. ARIAL BLACK
  6. BALTHAZAR
  7. BANKGOTHIC LT BT
  8. BART
  9. BIMINI
  10. BOOK ANTIQUA
  11. BOOKMAN OLD STYLE
  12. BRAGGADOCIO
  13. BRITANNIC BOLD
  14. BRUSH SCRIPT MT
  15. CALIBRI
  16. CAMBRIA
  17. CANDARA
  18. CENTURY GOTHIC
  19. CENTURY SCHOOLBOOK
  20. CHASM
  21. CHICAGO
  22. COLONNA MT
  23. COMIC SANS MS
  24. COMMERCIALSCRIPT BT
  25. CONSOLAS
  26. CONSTANTIA
  27. COOLSVILLE
  28. CORBEL
  29. COURIER
  30. COURIER NEW
  31. CURSIVE
  32. DAYTON
  33. DESDEMONA
  34. ESTRANGELO EDESSA
  35. FANTASY
  36. FLAT BRUSH
  37. FOOTLIGHT MT LIGHT
  38. FRANKLIN GOTHIC MEDIUM
  39. FUTURABLACK BT
  40. FUTURALIGHT BT
  41. GABRIOLA
  42. GARAMOND
  43. GAUTAMI
  44. GAZE
  45. GENEVA
  46. GEORGIA
  47. GEORGIA ITALIC IMPACT
  48. GEOTYPE TT
  49. HELTERSKELTER
  50. HELVETICA
  51. HERMAN
  52. HIGHLIGHT LET
  53. IMPACT
  54. JESTER
  55. JOAN
  56. JOHN HANDY LET
  57. JOKERMAN LET
  58. KELT
  59. KIDS
  60. KINO MT
  61. LA BAMBA LET
  62. LATHA
  63. LITHOGRAPH
  64. LUCIDA CONSOLE
  65. LUCIDA SANS CONSOLE
  66. LUCIDA SANS UNICODE
  67. MAP SYMBOLS
  68. MARLETT
  69. MATTEROFFACT
  70. MATISSE ITC
  71. MATURA MT
  72. MEKANIK LET
  73. MODERN
  74. MODERN MS SANS SERIF
  75. MONACO
  76. MONOSPACE
  77. MONOTYPE SORTS
  78. MS LINEDRAW
  79. MS SANS SERIF
  80. MS SERIF
  81. MV BOLI
  82. NEW YORK
  83. NYALA
  84. OLDDREADFULNO7 BT
  85. ORANGE LET
  86. PALATINO
  87. PALATINO LINOTYPE
  88. PLAYBILL
  89. PUMP DEMI BOLD LET
  90. PUPPYLIKE
  91. ROLAND
  92. ROMAN
  93. SANS-SERIF
  94. SCRIPT
  95. SCRIPTS
  96. SCRUFF LET
  97. SEGOE PRINT
  98. SEGOE SCRIPT
  99. SEGOE UI
  100. SERIF
  101. SHORT HAND
  102. SIGNS NORMAL
  103. SIMPLEX
  104. SIMPSON
  105. SMALL FONTS
  106. STYLUS BT
  107. SUPERFRENCH
  108. SURFER
  109. SWIS721 BT
  110. SWIS721 BLKOUL BT
  111. SYMAP
  112. SYMBOL (SYMBOL)
  113. TAHOMA
  114. TECHNIC
  115. TEMPUS SANS ITC
  116. TERK
  117. TIMES
  118. TIMES NEW ROMAN
  119. TREBUCHET MS
  120. TRENDY
  121. TXT
  122. TUNGA
  123. VERDANA
  124. VICTORIAN LET
  125. VINETA BT
  126. VIVIAN
  127. WEBDINGS (WEBDINGS)
  128. WESTERN
  129. WESTMINSTER
  130. WESTWOOD LET
  131. WIDE LATIN
  132. WINGDINGS (WINGDINGS)
  133. ZAPFELLIPT BT

Основные разновидности шрифтов

Шрифты бывают с засечками (с постоянной толщиной линий — брусковый, и переменной — антиква; их применяют для оформления основного текста документа) и рубленые (гротески, используются для набора заголовков).

По стилю различают шрифт: Прямой (Roman), Курсивный (Italic), Полужирный (Bold), Нормальный (Regular, отличается от прямого меньшей толщиной штриха), Узкий (Narrow), Широкий (Wide).

Дополнительные параметры форматирования символов: подчеркивание различными типами линий (Подчеркнутый, Underline), изменение вида значков (зачёркнутый, надстрочный, подстрочный, с тенью, контур, все прописные), изменение расстояний между символами (межсимвольный интервал — обычный, разреженный или уплотнённый).

По ширине символов шрифты делят на моноширинные (как на старой печатной машинке) и пропорциональные. Например, буква «I» будет намного уже, чем «W». В CSS — моноширинный шрифт выбирается или с помощью конструкции font-family: monospace, и/или указанием названия конкретного моно-шрифта. Например:
{ font-family: Lucida Console, Courier New, Courier, monospace; }

Значения ширины шрифтов (font-weight) задаются по цифровой шкале, где значение «400» соответствует «Normal» данного семейства шрифтов. Названия веса, ассоциированные с такой шириной, обычно: Book, Regular, Roman, Normal, Medium. «Bold» соответствует весовому значению «700», Heavy — «800», Black — «900».

Стандартные шрифты для разных версий Windows
Название шрифта 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 + + + + +

Группы и семейства шрифтов

Рекомендуется прописывать шрифт в CSS, сгруппировав сразу 3-4 похожих шрифта на случай отсутствия основного из них у конечного пользователя.
Пример: font-family: Webdings, Garamond, Times New Roman, Sans;

Ниже приведен список стандартных шрифтов для операционной системы Microsoft Windows и MacOS X Apple. В таблице использованы группы стандартных шрифтов Windows и Mac для безопасного использования во всех браузерах.

Значение @font-family Windows Mac Семейство
Arial, Helvetica, sans-serif Arial Arial, Helvetica sans-serif
Arial Black, Gadget, sans-serif Arial Black Arial Black, Gadget sans-serif
Comic Sans MS, cursive Comic Sans MS Comic Sans MS 5 cursive
Courier New, Courier, monospace Courier New 6 monospace
Georgia, serif Georgia 1 Georgia serif
Impact, Charcoal, sans-serif Impact Impact 5, Charcoal 6 sans-serif
Lucida Console, Monaco, monospace Lucida Console Monaco 5 monospace
Lucida Sans Unicode, Lucida Grande, sans-serif Lucida Sans Unicode Lucida Grande sans-serif
Palatino Linotype, Book Antiqua, Palatino, serif Palatino Linotype, Book Antiqua 3 Palatino 6 serif
Tahoma, Geneva, sans-serif Tahoma Geneva sans-serif
Times New Roman, Times, serif Times New Roman Times serif
Trebuchet MS, Helvetica, sans-serif Trebuchet MS 1 Helvetica sans-serif
Verdana, Geneva, sans-serif Verdana Verdana, Geneva sans-serif
Symbol Symbol 2 Symbol 2
Webdings Webdings 2 Webdings 2
Wingdings, Zapf Dingbats Wingdings 2 Zapf Dingbats 2
MS Sans Serif, Geneva, sans-serif MS Sans Serif 4 Geneva sans-serif
MS Serif, New York, serif MS Serif 4 New York 6 serif

1 Шрифты Georgia и Trebuchet MS поставляются вместе с Windows 2000/XP и включены в пакет шрифтов IE, поэтому они установлены на многих компьютерах с ОС Windows 98.

2 Символьные шрифты отображаются только в Internet Explorer, в остальных браузерах они обычно заменяются на стандартный шрифт (хотя, например, шрифт Symbol отображается в Opera, а Webdings — в Safari).

3 Шрифт Book Antiqua практически идентичен Palatino Linotype, который поставляется с Windows 2000/XP, а Book Antiqua — с Windows 98.

4 Обратите внимание, что эти шрифты не TrueType, а bitmap, поэтому они могут отображаться с пикселизацией в крупных размерах. Эти шрифты предназначены для отображения в размерах 8, 10, 12, 14, 18 и 24 pt при 96 DPI).

5 Эти шрифты работают в Safari только в стандартном начертании и не работают при выделении жирным или курсивом. Comic Sans MS также используется жирным выделением, но не курсивом. Другие Mac-браузеры самостоятельно эмулируют отсутствующие у шрифтов свойства.

6 Эти шрифты устанавливаются в Mac только при Classic-инсталляции.

Как выглядят шрифты в различных браузерах

Windows Vista, Internet Explorer 7, ClearType включен:

HTML Fonts

Windows Vista, Firefox 2.0, ClearType включен:

HTML Fonts

Mac OS X 10.4.8, Firefox 2.0, ClearType включен:

HTML Fonts

Windows 2000, IE 6.0:

HTML Fonts

Поделитесь страницей в социальных сетях

11 комментариев на «Список шрифтов для использования в HTML-коде»

  1. Кубанычбек пишет:

    мне понравилось!!! СПАСИБО!!!

  2. Владимир пишет:

    Отличная подборка, спасибо!
    А то везде по 10-20 шрифтов.
    А вот 133 мне точно хватит ))

  3. Admin пишет:

    Спасибо за отзыв!
    Если есть ещё потребности в шрифтах — пишите, добавим.

  4. binarybets пишет:

    спасибо, как раз подбираю нормальный шрифт для своего сайта

  5. Давид пишет:

    А есть 8 битный шрифт?

  6. Admin пишет:

    В списке есть 8-битные шрифты, но они отдельно не выделены.

  7. DmitriyOa пишет:

    Салют народ!
    Удобная табличка :)

  8. GeneralOa пишет:

    Всем привет!

    А как быть с нестандартными шрифтами?

  9. Admin пишет:

    Нестандартные шрифты можно подключать при помощи специальных скриптов. По сути, шрифты будут подгружаться на компьютер вместе с сайтом при каждом открытии. Это влечёт увеличение нагрузки, но оформление сайтов, конечно же, будет выгодно отличаться.

  10. AgrnoNof пишет:

    Вот это самое то!
    Находка дня :)

  11. Tinav-O пишет:

    О, спасибо, Великий гуру!!! Как раз не хватало таких замечательных табличек!