Стандартные шрифты для сайта

К сожалению, в стиле сайта нельзя назначить любой шрифт для текста (всякие хитроумные приемы и флеш в расчет не беру).  Браузеры используют ограниченное количество стандартных шрифтов, постараюсь показать то что есть…

Стандартные шрифты:

1. Arial
2. Verdana
3. Times
4. Times New Roman
5. Georgia
6. Trebuchet MS
7. Sans
8. Sans
9. Comic Sans MS
10. Courier New
11. Webdings
12. Garamond
13. Helvetica

Тоже стандартные шрифты, но не для всех ОС:

1. Palatino Linotype / Palatino

Приятный шрифт с засечками, поддерживаемый Windows и MAC. Его можно использовать вместо привычных нам шрифтов семейств Georgia или Times. С помощью него можно написать очень стильные, заголовки.

2. Tahoma

Шрифт без засечек, схож с Arial и Helvetica, но чуть уже. Строгий, но в тоже время мягкий шрифт, прекрасно подходит для оформления текста.

3. Impact

Пожалуй самый мощный шрифт. Не имеет аналогов среди стандартных шрифтов. если вам нужен эффектный заголовок, то Impact поможет это сделать.

4. Century Gothic

Этот шрифт поддерживается в основном лишь на OS Windows, но пользователи MAC могут использовать другой его аналог — Futura. Очень элегатный шрифт, забытый дизайнерами, но до сих пор входящий в стандартный пакет шрифтов Windows.

5. Arial Black

Крупный шрифт семейства Arial. Схож по массивности с Impact, но не такой компактный. Очень подходит для ярких заголовков.

6. Arial Narrow

Еще один шрифт семества Arial. Выручит вас в ситуации, когда необходимо уместить как можно больше текста в однйо строке — очень компактный шрифт.

7. Copperplate / Copperplate Gothic Light

Этот шрифт схож с Century Gothic, но имеет маленькие засечки. Также прексрасно подхдит для оформления заголовков. Поддерживается примерно на 80% машин MAC и 50% Windows.

8. Gill Sans / Gill Sans MT

Поддерживается в основном на OS MAC (но и прекрасно виден и в Vista). Компактный, элегантный шрифт, легко читаемый и подходящий для основного текста.


PS: Новичкам (опытные уже знаю) рекомендую  прописывать шрифт в CSS, причем не по одиночке, а сгруппировав 3-4 похожих шрифта на случай отсутствия основного из них в браузере конечного пользователя:font-family: Webdings, Garamond, ‘Times New Roman’, Sans;

Статья не претендует на уникальность и не является окончательной версией. Написал больше «для себя», т.к. надоело каждый раз спрашивать Яндекс правильное написание нужного шрифта 🙂

Размещено в CSS.

В этом блоке кнопочки для кликания на случай, если пост оказался полезным :)
  • Спасибо большое за статью!
    если позволите дополнить таким материалом http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

  • Воо, то что искал. Спасибо огромное за статейку…

  • qwerty

    полезная вещь…

  • Stophost Ru

    Для тех кому надоели стандартные шрифты на сайте http://itforweb.com/content/e144/

    • JS, конечно, гуд, но что если у пользователя он отключен? Все-таки CSS я доверяю больше.
       

  • Necronomicron8

    Обманывать нехорошо, в стандартной Windows 7 (в XP и подавно) нету Garamond и Helvetica. У меня даже сейчас нету гельветики, а гарамонд вроде сам ставил или с какой-то прогой. http://www.autoitscript.com/autoit3/docs/appendix/fonts.htm

  • Jebs

    Так можно же подключить любой шрифт через css, главное чтоб в каталоге сайта лежал
    @font-face {   font-family: шрифт;   src: url(путь к шрифту/шрифт.ttf); }
    ну а дальше используем как обычный встроенный)
    PS. Вроде это кроссбраузерный вариант

    • Действительно, теперь любой шрифт подключить можно. Просто 4 года назад (когда и писалась эта статья) такое не решались использовать.

    • Константин

      Только FF и IE 7 и ниже не видят таких шрифтов. Так что всё ещё актуальна статья.

      • danw

        firefox научился

  • Foo

    Лол. 11 шрифт не вижу Win 7 Chrome

    • Anastasya Kotzegub

      вообще-то, это просто символы))

      • Заннуда

        Вообще-то нет) 11. Webdings

  • kkk

  • Роман

    Arial Narrow не системный

  • хуй

    автор ебать ты чомшина тупая. не знаешь — нехуй статьи писать долбаебка пизданутая

  • Евгений

    А вот еще 400 разнообразных шрифтов http://web-marka.com/ с поддержкой кириллицы. Установка как на google.fonts

  • kama

    consolas monospace не вижу

  • Александр

    А что насчет Cufon шрифтов? Можно использовать какие угодно и никаких проблем в виде «непереносимости» разным браузерами и отключенных JS.

  • Сергей Сергей

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

    Что такое «Sans» в конце? 🙂 Наверное, имелось ввиду «serif»?

  • Denis Triton

    Маразм с этим html5…