Содержание
Безопасные (стандартные, системные) шрифты для верстки — ВебКадеми
Главная » HTML, CSS
HTML, CSS
На чтение 2 мин Просмотров 3.5к. Опубликовано
Для определение начертания шрифта есть традиционно сложившийся список безопасных, или как их еще называют системных либо стандартных шрифтов. Такие шрифты с высокой долей вероятности присутствуют в большинстве операционных системах, и их можно использовать в верстке, не подключая дополнительные файлы.
Стоит заметить что абсолютно 100% поддерживающихся шрифтов во всех ОС не существует, тем не менее, есть список «безопасных» шрифтов, основой для которого послужили шрифты из ОС Windows, которые присутствуют и в других операционных системах. Далее в статье представлены наборы шрифтов, с указанием семейства в конце.
Разберем как работает инструкция по заданию шрифта на примере следующего значения:
font-family: "Times New Roman", Times, serif;
Здесь задается шрифт "Times New Roman"
, так как название состоит из нескольких слов, то оно берется в кавычки. Если шрифт "Times New Roman"
в системе отсутствует, то будет применен шрифт Times
, если же и он отсутствует, то система применит любой шрифт из семейства serif
.
Содержание
- Шрифты с засечками — serif
- Шрифты без засечек — sans-serif
- Моноширинные шрифты — monospace
Шрифты с засечками — serif
font-family |
---|
Georgia, serif |
«Palatino Linotype», «Book Antiqua», Palatino, serif |
«Times New Roman», Times, serif |
Безопасные (системные) шрифты с засечками
Шрифты без засечек — sans-serif
font-family |
---|
Arial, Helvetica, sans-serif |
«Arial Black», Gadget, sans-serif |
«Comic Sans MS», cursive, sans-serif |
Impact, Charcoal, sans-serif |
«Lucida Sans Unicode», «Lucida Grande», sans-serif |
Tahoma, Geneva, sans-serif |
«Trebuchet MS», Helvetica, sans-serif |
Verdana, Geneva, sans-serif |
Безопасные (системные) шрифты без засечек
Моноширинные шрифты — monospace
font-family |
---|
«Courier New», Courier, monospace |
«Lucida Console», Monaco, monospace |
Безопасные (системные) моноширинные шрифты
Оцените автора
Лучшие свободные моноширинные шрифты с поддержкой кириллицы / Хабр
В 2011 году была переведена хорошая статья „Лучшие шрифты для программирования“. Теперь представляется список самых удачных шрифтов для кода на момент июня 2014 года.
Хотя я и уверен, что многих устраивает Courier New, используемый по умолчанию в Windows во многих редакторах. Но, как человек любящий типографику, настаиваю обратить внимание на одну из гарнитур из этой статьи. Хороший шрифт — это прекрасно!
Шрифты гарнитур будут оцениваться по качеству кириллицы и красоте всех остальных символов, применяемых во время написания кода. Для демонстрации использовался редактор Brackets. Важно, изображения в статье не могут отражать реальные ощущения от применения шрифта в вашем редакторе. Поэтому лучше попробовать несколько вариантов и выбрать подходящий.
PT Mono
Разработан в России при поддержке Федерального агентства по печати и массовым коммуникациям РФ. На сайте разработчиков можно найти более подробное описание.
Обладает очень качественной кириллицей. Но в остальном имеет несколько недостатков. Символ «минус» ниже символа «плюс», и не оцентрован относительно знака «равно», т. е. «-=» будет смотреться не красиво. Все скобки располагаются низко, хотя такой подход прослеживается во многих шрифтах.
PT Mono — личный выбор автора поста.
Можно скачать с ЖЖ разработчиков.
Нормальное начертание
Более темное начертание
Droid Sans Mono
Семейство Droid разработано корпорацией добра для мобильных устройств. Доступен в Google Fonts, но эта версия имеет существенный недостаток — неперечеркнутый ноль. Версию с перечеркнутым, а также нулем с точкой, можно скачать на стороннем сайте.
Отличается довольно сносной кириллицей. Хорошо подходит для любого кода. Я уже несколько лет использую именно его. Однако шрифт всё же имеет небольшие недостатки.
DejaVu Sans Mono
У него есть вики, оттуда его можно скачать.
Обладает плохой кириллицей (но бывает и хуже). Не имеет ярких минусов в остальном. Но и выделиться тоже нечем.
Cousine
Гарнитура от автора Droid Sans, созданная для разработчиков. Можно скачать с Google Fonts.
Кириллица на уровне DejaVu. Остальное симпатичное и читабельное.
Нормальное начертание
Более темное начертание
Ubuntu Mono
Входит в линейку фирменных шрифтов Ubuntu. Заявляется, что эти шрифты должны отвечать тону всего того, что делает Canonical.
Кириллица средняя. Для кода пригоден тоже средне. Может быть понравится любителям Ubuntu? Но стоит отметить, что шрифт весьма изящный.
Fira Mono
Для использования в Firefox OS организация Mozilla разработала семейство шрифтов Fira. На Хабре есть обзор гарнитуры.
Кириллица на достаточно хорошем уровне, но не будет слишком сильно радовать глаз искушенного зрителя. Для кода подходит хорошо.
Inconsolata
Разработан специально для написания кода. По заявлению разработчика хорошо подходит как для экранов, так и для печати высокой плотности. Есть проект на Github, дополняющий гарнитуру кириллицей.
Выполнена кириллица на среднем уровне. Некоторые считают Inconsolata лучшим свободным шрифтом для кода, но я бы поспорил. Не нравятся глифы вертикальной черты и «собачки».
P. S. Волшебный архив со всеми представленными шрифтами на Яндекс Диске или на Google Docs.
P. P. S. Относительно лёгкий способ определить качество кириллицы в шрифте.
шрифтов — имя для шрифта с одинаковой шириной и высотой
спросил
Изменено
2 месяца назад
Просмотрено
15 тысяч раз
Я знаю, что моноширинный шрифт (шрифт) означает, что все символы имеют одинаковую ширину. Есть ли подобное название для шрифтов, где все символы имеют одинаковую ширину и высоту?
- шрифты
- терминология
2
[Насколько я знаю] Для таких шрифтов нет имени , потому что их слишком мало для создания категоризации.
Как упоминалось в комментариях, квадратных или, возможно, геометрических могут быть возможными условиями поиска.
Лучше всего искать идеально квадратные прописные шрифты, так как их легче найти.
Вот шрифт со строчными буквами и достаточно близким соотношением ширины и высоты:
Panoptica
1
Думаю нет! Но не стесняйтесь делать новые заявления!
- Шрифт с одной областью : будет вес или черный. Область для каждого символа одинакова
- Моноразмерный шрифт : будут символы одинаковой высоты
- Квадратный монофонический шрифт : это тот, которым вы поделитесь с нами — моноширинный шрифт (если вы его сделаете)
Хотите улучшить этот пост? Предоставьте подробные ответы на этот вопрос, включая цитаты и объяснение того, почему ваш ответ правильный. Ответы без достаточной детализации могут быть отредактированы или удалены.
Adobe называет эти шрифты «unicase».
1
Спасибо за ответ на Stack Exchange графического дизайна!
- Пожалуйста, не забудьте ответить на вопрос . Предоставьте подробности и поделитесь своим исследованием!
Но избегать …
- Просьба о помощи, разъяснении или ответ на другие ответы.
- Заявления, основанные на мнении; подкрепите их ссылками или личным опытом.
Чтобы узнать больше, ознакомьтесь с нашими советами по написанию отличных ответов.
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Обязательно, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания, политикой конфиденциальности и политикой использования файлов cookie
.
Все символы имеют одинаковую ширину в моноширинном шрифте?
спросил
Изменено
4 года, 8 месяцев назад
Просмотрено
591 раз
Дано:
|==============================| | РЫНОК | | | | вау | | О | | посмотрите на /|\ | | моя вещь / \ так | | О__▣ О круто | | /| такие /|\ | | /\О вещь/\ | | /|\ | | / \ | | | |==============================|
Источник: https://english.stackexchange.com/a/457130/63734
Почему ▣
вызывает проблемы с расстоянием?
Обновление
Теперь я понимаю, что это может быть локально на моем компьютере с Windows 7.
Firefox:
Chrome:
Internet Explorer:
2
Я скопировал исходный текст из ссылки и вставил его в InDesign, определив Andale Mono в качестве шрифта.