Стандартні шрифти для сайтів - SkillsUp - зручний каталог уроків по дизайну, комп'ютерної графіки, уроки фотошопа, Photoshop lessons

  1. Ось як виглядають шрифти в різних браузерах

Кожен стикається з таким питанням, які ж шрифти можна використовувати, щоб сторінка виглядала так, як було задумано, на всіх комп'ютерах і у кожного відвідувача сайту? Досвідчені дизайнери і веб-майстри знають, що потрібно використовувати ті шрифти, які встановлені на комп'ютері у відвідувачів сайту. Звичайно, кожен власник комп'ютера може мати набір різних шрифтів. Нижче наведено список стандартних шрифтів для операційної системи Microsoft Windows і MacOS X Apple. (Джерело http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html) Таблиця шрифтів для 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 MS5 cursive "Courier New", Courier, monospace Courier New 6 monospace Georgia, serif Georgia1 Georgia serif Impact, Charcoal, sans-serif Impact Impact5, Charcoal6 sans-serif "Lucida Console", Monaco, monospace Lucida Console Monaco5 monospace " Lucida Sans Unicode "," Lucida Grande ", sans-serif Lucida Sans Unicode Lucida Grande sans-serif" Palatino Linotype "," Book Antiqua ", Palatino, serif Palatino Linotype, Book Antiqua3 Palatino6 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 MS1 Helvetica sans-serif Verdana, Geneva, sans-serif Verdana Verdana, Geneva sans-serif Symbol Symbol2 Symbol2 - Webdings Webdings2 Webdings2 - Wingd ings, "Zapf Dingbats" Wingdings2 Zapf Dingbats2 - "MS Sans Serif", Geneva, sans-serif MS Sans Serif4 Geneva sans-serif "MS Serif", "New York", serif MS Serif4 New York6 serif

1 Шрифти Georgia і Trebuchet MS поставляються разом з Windows 2000 / XP і включені в пакет шрифтів IE, тому вони встановлені на багатьох комп'ютерах з операційною системою 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, а bitmap, тому вони можуть погано виглядати з деякими розмірами (вони призначені для відображення в розмірах 8, 10, 12, 14, 18 і 24 pt при 96 DPI).

5 Ці шрифти працюють в Safari тільки в стандартному зображенні, але не працюють при виділенні жирним або курсивом. Comic Sans MS також працює жирним, але не курсивом. Інші Mac-браузери, здається, нормально емулюють відсутні у шрифтів властивості самостійно (спасибі Christian Fecteau за підказку).

6 Ці шрифти встановлюються в Mac тільки при Classic-інсталяції

Ось як виглядають шрифти в різних браузерах

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:


джерело: sergeykalugin.com/2011/11/13/standartny-e-shrifty-dlya-sajtov/

Отримай доступ до майстер-класів топових спікерів і базі корисних матеріалів

Дополнительная информация

rss
Карта