Стандартные и безопасные шрифты CSS
Безопасные шрифты – это набор шрифтов, устанавливаемый вместе с операционной системой (Windows, MacOS, Unix/Linux).
Чтобы сайт в любой операционной системе открывался одинаково, принято в CSS-свойстве font-family
задавать несколько названий шрифтов, перечисленных через запятую.
Последним указывается семейство шрифта, он используется, если в системе ни один из перечисленных не найден.
body { font-family: шрифт_1, шрифт_2, семейство; }
CSS
Список безопасных шрифтов:
'Times New Roman', Times, serif |
Съешь же ещё этих мягких французских булок |
Georgia, serif |
Съешь же ещё этих мягких французских булок |
Arial, Helvetica, sans-serif |
Съешь же ещё этих мягких французских булок |
'Arial Black', Gadget, sans-serif |
Съешь же ещё этих мягких французских булок |
Verdana, Geneva, sans-serif |
Съешь же ещё этих мягких французских булок |
'Trebuchet MS', Helvetica, sans-serif |
Съешь же ещё этих мягких французских булок |
Impact, Charcoal, sans-serif |
Съешь же ещё этих мягких французских булок |
'Comic Sans MS', cursive, sans-serif |
Съешь же ещё этих мягких французских булок |
'Courier New', Courier, monospace |
Съешь же ещё этих мягких французских булок |
Далее о каждом шрифте подробнее:
1
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Times New Roman | Times | Nimbus Roman No9 L | serif |
CSS:
body { font-family: 'Times New Roman', Times, serif; }
CSS
Пример шрифта:
2
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Georgia | Georgia | – | serif |
CSS:
body { font-family: Georgia, serif; }
CSS
Пример шрифта:
3
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Arial | Helvetica | Nimbus Sans L | sans-serif |
CSS:
body { font-family: Arial, Helvetica, sans-serif; }
CSS
Пример шрифта:
4
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Arial Black | Gadget | Nimbus Sans L | sans-serif |
CSS:
body { font-family: 'Arial Black', Gadget, sans-serif; }
CSS
Пример шрифта:
5
Tahoma не является безопасным шрифтом.
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Tahoma | Geneva | – | sans-serif |
CSS:
body { font-family: Tahoma, Geneva, sans-serif; }
CSS
Пример шрифта:
6
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Verdana | Geneva | DejaVu Sans | sans-serif |
CSS:
body { font-family: Verdana, Geneva, sans-serif; }
CSS
Пример шрифта:
7
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Trebuchet MS | Helvetica | Garuda | sans-serif |
CSS:
body { font-family: 'Trebuchet MS', Helvetica, sans-serif; }
CSS
Пример шрифта:
8
Lucida Sans Unicode не является безопасным шрифтом.
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Lucida Sans Unicode | Lucida Grande | Garuda | serif |
CSS:
body { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
CSS
Пример шрифта:
9
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Impact | Charcoal CY | – | sans-serif |
CSS:
body { font-family: Impact, Charcoal, sans-serif; }
CSS
Пример шрифта:
10
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Comic Sans MS | Monaco CY | – | sans-serif |
CSS:
body { font-family: 'Comic Sans MS', cursive, sans-serif; }
CSS
Пример шрифта:
11
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Courier New | Courier | Nimbus Mono L | monospace |
CSS:
body { font-family: 'Courier New', Courier, monospace; }
CSS
Пример шрифта:
12
Lucida Console не является безопасным шрифтом.
Windows | MacOS | Unix/Linux | Семейство |
---|---|---|---|
Lucida Console | Monaco | – | monospace |
CSS:
body { font-family: 'Lucida Console', Monaco, monospace; }
CSS
Пример шрифта:
Шрифт преподавателей Школы дизайна НИУ ВШЭ взял призовое место на конкурсе Granshan.
Владимир Аносов и Артем Рулев
разработали шрифт Ghimli, который занял II место на престижном международном конкурсе шрифтов Granshan.На создание шрифта, названного по имени героя трилогии Дж.Р.Р.Толкина «Властелин колец» гнома Гимли, ушло около года. В данный момент доступно два начертания шрифта: «доброе» и «колючее».
Артем Рулев, куратор Школы дизайна НИУ ВШЭ — Санкт-Петербург: «Благодаря преподаванию в Школе дизайна мы познакомились с Вовой Аносовым. У меня появилась идея шрифта, которой я с ним поделился. Из одной из нарисованных шариковой ручкой букв появилась первоначальная касса. Мы начали перекидываться идеями и разработали шрифт, который назвали Ghimli».
Владимир Аносов, преподаватель Школы дизайна НИУ ВШЭ — Санкт-Петербург: «В процессе работы шрифт получался коротким, невысоким, с небольшой разницей между строчными и прописными буквами. Нам с Артемом показалось, что дружелюбные и мягкие по контурам буквы в плотном наборе похожи на гномов, которые в солнечный день идут с кружкой эля по какой-нибудь долине из „Властелина колец“. Мы поняли, что персонаж трилогии гном Гимли очень подходит по характеру нашему шрифту. Затем захотелось больше дикости и акциденции, поэтому появилось второе начертание с колючими вылетами и более плотным набором, словно гномы идут плотным строем и с копьями защищать свою территорию. Так мы увидели пару: гном на прогулке и гном на войне»
Создатели Ghimli обещают, что шрифт станет вариативным, будут узкая, широкая и наклонная версии, появится «гномье разнообразие». Шрифт будет доступен для покупки на интернет-площадке.
Конкурс шрифтового дизайна GRANSHAN проводится два раза в год и помогает сообществу шрифтовых дизайнеров во всем мире узнавать о постоянно растущем качестве проектов и представлять его пользователям шрифтов.
Официальный сайт конкурса
Все шрифты, которые студенты делают в рамках занятий, можно посмотреть и скачать на странице шрифтовой лаборатории Школы дизайна.
HSE FONTS
Коммуникационный дизайн Школа дизайна — Санкт-Петербург Конкурс
Направление обучения
Коммуникационный дизайн
Коммуникационный дизайн — визуальный язык современности, на котором с нами разговаривают айдентика брендов, упаковка, реклама, инфографика, сайты и приложения. Подход Школы дизайна НИУ ВШЭ ориентирован на практику: с первого дня обучения студенты погружаются в реалии индустрии.
В рамках направления открыты профили бакалавриата, магистратуры и программы дополнительного образования.
Направление
Школа дизайна — Санкт-Петербург
Школа дизайна НИУ ВШЭ предлагает уникальную для Санкт-Петербурга возможность получить актуальное дизайн-образование.
Обучение построено на проектном подходе и тесном взаимодействии с ведущими профессионалами индустрии. За время учёбы студенты осваивают язык дизайна, пробуют себя в реальной проектной работе и в результате формируют полноценное портфолио, позволяющее им быстро найти себя в профессиональной среде.
Как поступить
дизайнов, тем, шаблонов и графических элементов Soft Fonts для загрузки на Dribbble
Посмотреть СДЕЛАНО Диллан
СДЕЛАНО Диллан
Посмотреть Ellograph CF — мягкий моноширинный шрифт без засечек
Ellograph CF — мягкий моноширинный шрифт sans
Посмотреть продукты
Посмотреть шрифты Craftwork 🍃
Шрифты для творчества 🍃
Посмотреть серию любимых шрифтов в Instagram
Серия любимых шрифтов в Instagram
Посмотреть Может быть настоящий графический дизайн
Возможно, настоящий графический дизайн
Просмотреть семейство шрифтов Tommy Soft
Семейство шрифтов Tommy Soft
Посмотреть цвета и шрифты — Rocker
Цвета и шрифты — рокер
View Odasans – отображение типографики
Одасаны — типографика на дисплее
Посмотреть Леттерматик
Леттерматик
Посмотреть шрифт Nollasans
Шрифт Nollasans
Посмотреть ОПЕЧАТКА
Посмотреть цвета и шрифты — Валентина
Цвета и шрифты — Валентина
Посмотреть Бесплатный современный шрифт
Бесплатный современный шрифт
Посмотреть продукты Семейство шрифтов
Проды Семейство шрифтов
Исследование типов просмотра
Тип исследования
View Mogia — современный классический шрифт
Mogia — современный классический шрифт
Просмотр ширины логотипа Lettermatic
Ширина логотипа Lettermatic
Посмотреть коллекцию из 25 шрифтов Sans
Коллекция из 25 шрифтов Sans
Посмотреть типографские доски RVLT. net
Типографские доски RVLT.net
Посмотреть Действительно Санс
Действительно Санс
Посмотреть веб-сайт The Northern Block—Type Foundry
Веб-сайт Северного Блока — Type Foundry
View Baku — цветной шрифт OTF
Баку — цветной шрифт OTF
Просмотр программного обеспечения Vault Alarm
Программное обеспечение Vault Alarm
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Загрузка еще…
Программные шрифты Unicode
Если вы хотите объединить наложения с буферными файлами Unicode или DBCS, вам также необходимо установить хотя бы один шрифт Unicode true type. Это также имеет место, если вы хотите вывести Unicode.
Устанавливаемые здесь файлы TTF не обязательно должны быть в формате Unicode. Конечно, можно будет печатать/выводить только символы, включенные в программный шрифт. Большинство довольно новых файлов TTF будут включать в себя не хуже любого символа кодовых страниц SBCS (Single Byte Character Set).
Для печати символов DBCS (двухбайтовый набор символов) обычно требуется настоящий шрифт Unicode TTF.
Чтобы установить шрифт TTF, поместите файл ttf в IFS внутри: /APF3812Home/Work
, затем выберите эти опции в Interform400:
80. Администрирование Interform400
4. Работа с шрифтами
6. Работа с шрифтом Truetype для UCS2 / DBCS
— и нажатие F6, тогда нажмите F4. для выбора файла TTF или введите имя на экране ниже:
Установите шрифт TrueType для UCS2 из /APF3812Home/Work FNT355D
Имя документа . . . . . . : FONT.TTF
Имя шрифта . . . . . . . . : Название шрифта
Название шрифта UCS2 . . . . . . Шрифт F4=Список
Описание шрифта UCS2 . . . Arial
F3=Выход F12=Отмена
|
Теперь на экране запрашивается имя шрифта UCS2. Для этого вы можете нажать F4, чтобы просмотреть уже используемые имена шрифтов. Это имя, которое вы будете использовать позже для автоматической загрузки.
Используйте 5=Дисплей для просмотра макета установленного шрифта:
Отображение шрифта TrueType для UCS2 (Unicode) FNT360D
Название шрифта FONT Font
Позиция в . . . . . . ____ Символ Юникода в шестнадцатеричном формате
Символ Описание 1E80 477 1933 1E81 478 1479 1E82 4791933 1E83 480 1479 1E84 481 1933 1E85 482 1479 1EA0 1188 1366 1EA1 1189 1139 1EA2 1190 1366 1EA3 1191 1139 1EA4 1192 1366 1EA5 1193 1139 1EA6 1194 1366
Подробнее. Оставить комментарий
|