Таблица шрифтов для 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 | Courier New, Courier6 | 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 | — |
| Wingdings, "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-инсталляции
Частенько сталкиваюсь с тем, что нужно сделать индикатор загрузки. Это довольно долгое дело, приходится редактировать анимацию, подбирать нужные цвета, чтобы они вписывались в дизайн, отлаживать, подгонять по скорости. Для такой задачи, написан специальный . Просто выбираем из меню, какой тип стрелочек, кружочков, квадратов или змеек нам нужен, пишем цвет, можно указать цвет фона или вообще обойтись без него. Нажимаем «Генерировать» и получаем готовую картинку. Весь процесс занимает пару секунд, экономия времени колоссальная. Недавно переделывали портфолио, под новую систему, как раз выдалась возможность воспользоваться этим сервисом, у меня то он давно в закладках, но вот, пригодился. Надеюсь, пригодится и вам.
