Шрифт с засечками — это шрифт с хвостикими на концах и внизу каждой буквы.
Засечки (от англ. serif) в антиквенных шрифтах — небольшой перпендикулярный штрих на конце буквы. При чтении печатного текста, засечки направляют движение глаз вдоль строки. Засечки облегчают визуальное восприятие и читаемость текста, так как связывают буквы в одну линию.
Шрифт с засечками имеет долгую историю, и его происхождение связано с развитием печатного дела. Засечки были добавлены к буквам для улучшения читаемости текста при печати. Первый известный шрифт с засечками был создан в 15 веке, когда Гутенберг начал печатать книги с помощью металлических литер. Засечки помогали шрифтам быть более четкими и резкими на бумаге, улучшая видимость текста при печати.
С тех пор шрифты с засечками стали неотъемлемой частью типографики и дизайна, распространяясь в различных культурах и языках, включая русский. Важно отметить, что шрифт с засечками подходит для текстов, которые должны выглядеть более официально и серьезно, а также для больших объемов текста, где важна удобочитаемость.
Шрифты с засечками часто ассоциируются с классическим, традиционным стилем. Они подходят для официальных документов, юридических текстов, а также для оформления брендов и логотипов, которым требуется солидность и стабильность. Современные Serif, такие как Georgia, Times New Roman, Baskerville и другие, поддерживают кириллицу и русский язык. Скачать их можно онлайн бесплатно.
Безопасные (стандартные, системные) шрифты для верстки
HTML, CSS
На чтение 2 мин Просмотров 7к. Опубликовано 21.05.2021
Для определение начертания шрифта есть традиционно сложившийся список безопасных, или как их еще называют системных либо стандартных шрифтов. Такие шрифты с высокой долей вероятности присутствуют в большинстве операционных системах, и их можно использовать в верстке, не подключая дополнительные файлы.
Стоит заметить что абсолютно 100% поддерживающихся шрифтов во всех ОС не существует, тем не менее, есть список «безопасных» шрифтов, основой для которого послужили шрифты из ОС Windows, которые присутствуют и в других операционных системах. Далее в статье представлены наборы шрифтов, с указанием семейства в конце.
Разберем как работает инструкция по заданию шрифта на примере следующего значения:
re>font-family: "Times New Roman", Times, serif;
Здесь задается шрифт "Times New Roman" , так как название состоит из нескольких слов, то оно берется в кавычки. Если шрифт "Times New Roman" в системе отсутствует, то будет применен шрифт Times , если же и он отсутствует, то система применит любой шрифт из семейства serif .
Шрифты с засечками — 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 |
Семейства шрифтов Serif, Sans serif и Monospace
site.komp36.ruТвой сайт фотографа. Создание сайтов Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Акция Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Акция Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта
- Шрифты с засечками — Семейство Serif
- Шрифты без засечек — Семейство Sans serif
- Моноширинные шрифты — Семейство Monospace
- Рукописные шрифты — Cursive
- Задание шрифта для веб-страниц
Простым пользователям персонального компьютера должно быть известны такие шрифты как Times New Roman , Arial , Courier New . Это одни из самых распространенных шрифтов. Они часто используются при оформлении документов, например, в офисных программах от Microsoft — это Word , Exel и другие.
Веб-разработчикам при оформлении веб-страниц также приходится постоянно работать с различными шрифтами: например, в программе Adobe Photoshop или же в html-редакторе Dreamweaver.
Кроме упомянутых выше, существуют и другие виды шрифтов, их множество. Схожие по своим параметрам шрифты группируются и образуют так называемые семейства.
Основными семействами шрифтов являются: Serif, Sans serif, Monospace и Cursive. Рассмотрим подробнее каждое из них.
Шрифты с засечками — Семейство Serif
Шрифты семейства Serif иначе называют шрифтами с засечками. Для них характерны маленькие черточки по краям букв.
Шрифты семейства Serif являются пропорциональными шрифтами , то есть это шрифты, у которых символы не одинаковы по ширине – она меняется в зависимости от буквы. На иллюстрации вы можете это видеть.
Такие шрифты используются в основном при типографской печати текста (в книгах, распечатках и т.д.), так как они удобны для чтения.
К шрифтам с засечками семейства Serif относятся следующие: Times New Roman , Times , Garamond , Georgia и другие.
Шрифты без засечек — Семейство Sans serif
Шрифты семейства Sans serif это пропорциональные шрифты Serif , но без засечек. Буквы этих шрифтов состоят просто из линий. Они также хорошо читаемы, удобны для нанесения маркировок и этикеток. Применяются в сети Интернет, в рекламе и заголовках для привлечения внимания.
К шрифтам без засечек семейства Sans serif относятся следующие шрифты: Arial , Verdana , Trebuchet и другие.
Моноширинные шрифты — Семейство Monospace
Моноширинные шрифты семейства Monospace это не пропорциональные шрифты, то есть у них все буквы имеют одинаковую ширину.
Первые моноширинные шрифты были разработаны для пишущих машинок, так как те могли сдвигать каретку только на одно и то же расстояние для любого напечатанного символа.
Многие редакторы исходного текста программ по умолчанию настроены на моноширинные шрифты семейства Monospace . Например, моноширинный шрифт Courier использует Блокнот .
К шрифтам семейства Monospace относятся все не пропорциональные шрифты : Courier , Courier New , Andele Mono и другие. При этом не важно, имеют они засечки или нет.
Рукописные шрифты — Cursive
Рукописные шрифты, иначе называемые шрифты Cursive – это попытка повторить на компьютере рукописный шрифт. Они практически не используются в текстовых или веб-редакторах.
У таких шрифтов много плавных, красивых элементов, буквы часто пишутся в прописном варианте.
Один из таких шрифтов Gabriola или Cocktail Italic .
Итак, Serif, Sans serif, Monospace и Cursive это основные семейства шрифтов. Существуют и другие шрифты, не относящиеся ни к одной из перечисленных групп. Некоторые из них можно как-то классифицировать по схожим признакам, другие нет. Но уделять им внимание, пожалуй, мы не будем.
Задание шрифта для веб-страниц
При оформлении веб-страниц удобно задавать шрифт следующим образом: для текста всей страницы или какого-либо отдельного элемента лучше всего указать через запятую названия нескольких шрифтов, принадлежащих к одному из семейств, а затем в самом конце название самого семейства.
Для оформления текста браузер воспользуется первым шрифтом из списка. Если такового не окажется, то он воспользуется вторым и т.д. Если ни один из указанных шрифтов не установлен на компьютере разработчика, то браузер воспользуется одним из шрифтов из указанного семейства.
Такой способ задания шрифта автоматически используется в html-редакторе Adobe Dreamweaver. Например, при работе со свойством font-family, редактор выводит окно, в котором предлагается выбрать один из перечней шрифтов с указанием их группы в конце списка.
Фрагмент кода
style font_fuchsia_16″>: ‘Times New Roman’, Times, serif ; «> Шрифт Times New Roman семейства serif
style font_fuchsia_16″>: Georgia, ‘Times New Roman’, Times, serif ; «> Шрифт Georgia семейства serif
style font_fuchsia_16″>: Arial, Helvetica, sans-serif ; «> Шрифт Arial семейства sans-serif
style font_fuchsia_16″>: Verdana, Arial, Helvetica, sans-serif ; «> Шрифт Verdana семейства sans-serif
style font_fuchsia_16″>: Geneva, Arial, Helvetica, sans-serif ; «> Шрифт Geneva семейства sans-serif
style font_fuchsia_16″>: ‘Courier New’, Courier, monospace ; «> Шрифт Courier New семейства monospace
Результат
Шрифт Times New Roman семейства serif
Шрифт Georgia семейства serif
Шрифт Arial семейства sans-serif
Шрифт Verdana семейства sans-serif
Шрифт Geneva семейства sans-serif
Шрифт Courier New семейства monospace
Рассмотренные в этой статье шрифты и их семейства Serif , Sans serif , Monospace являются стандартными. Именно эти шрифты рекомендованы к использованию разработчикам сайтов, что обеспечит одинаковое отображение текста на страницах сайта во всех браузерах.
site.komp36.ruТвой сайт фотографа. Создание сайтов Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Акция Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Акция Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта
