Arial Font Family (Includes 31 Styles)
- Arial Light
- Arial Light Italic
- Arial Regular
- Arial Italic
- Arial Medium
- Arial Medium Italic
- Arial Bold
- Arial Bold Italic
- Arial Extra Bold
- Arial Extra Bold Italic
- Arial Black
- Arial Black Italic
- Arial Condensed Light
- Arial Condensed
- Arial Condensed Bold
- Arial Condensed Extra Bold
- Arial Light
- Arial Monospaced Regular
- Arial Monospaced Oblique
- Arial Monospaced Bold
- Arial Monospaced Bold Oblique
- Arial Narrow Regular
- Arial Narrow Italic
- Arial Narrow Bold
- Arial Narrow Bold Italic
- Arial Narrow Inclined
- Arial Narrow Bold Inclined
- Arial Rounded Bold
- Arial Rounded Light
- Arial Rounded Regular
- Arial Rounded Extra Bold
Как установить шрифт Arial Narrow на сайт
Для установки шрифта «Arial Narrow» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts/arial-narrow». В файле стилей подключить шрифт, используя конструкцию CSS:
Скопировать в буфер обмена
@font-face { font-family: "Arial Narrow"; src: url("../fonts/arial-narrow/arial-narrow.eot"); /* IE9 Compat Modes */ src: url("../fonts/arial-narrow/arial-narrow.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/arial-narrow/arial-narrow.otf") format("opentype"), /* Open Type Font */ url("../fonts/arial-narrow/arial-narrow.svg") format("svg"), /* Legacy iOS */ url("../fonts/arial-narrow/arial-narrow.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/arial-narrow/arial-narrow.woff") format("woff"), /* Modern Browsers */ url("../fonts/arial-narrow/arial-narrow.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }
Установить шрифт «Arial Narrow» для требуемого текста, поля, кнопки или другого элемента на сайте:
font-family: "Arial Narrow";
Пример применения шрифта «Arial Narrow»:
body { font-family: "Arial Narrow"; font-size: 1rem; font-weight: normal; line-height: 1.2; color: #000; background-color: #fff; }
Arial Font History
If we look back at the history of this font, we will come across many worth noticing elements. Many people might not be aware that Arial font used to be termed as Sonoran Sans-serif typeface. In 1982 the font originated by well-known designers, and it ruled the typeface world for many years. The name ‘Sonoran’ was given by an American International company, IBM, due to license issues.
In 1992 it was for the first time used in a personal computer for Windows 3.1. Within no time, it became a default font for Excel, Powerpoint, Word, etc. Today, there is no one who has never come across this font, be it a student or a professional designer. In all these years, the Arial font family has released many variants, including Arial Black, Arial Rounded, Arial Narrow, Arial Light, Medium, etc.
History of Arial Font
For Windows ME, Arial Alternative Symbol and Regular are the standard fonts for many years. If you want to use an alternative to Arial or the most similar fonts to it, go for Liberation Sans, Arimo, and Free Sans as they contain many similarities and would be a perfect choice in this regard.
Информация о шрифте Arial Narrow
Полное название шрифта
Arial Narrow Regular 400
Семейство
Начертание шрифта
Regular (Обычный)
Насыщенность шрифта
400 — нормальное (Normal)
Версия шрифта
Version 2.20
Идентификатор шрифта
Arial Narrow Regular : 1991
PostScript название шрифта
ArialNarrow
Авторское право на шрифт
Typeface The Monotype Corporation plc. Data The Monotype Corporation plc/Type Solutions Inc.1990-1991 All Rights Reserved.
Поддержка символов
латинские буквы, русские буквы (кириллица), цифры, знаки препинания и пунктуации
Регистр букв шрифта
верхний (прописные буквы) и нижний (строчные буквы)
Категории шрифта Arial Narrow
Бесплатные шрифты, Кириллические шрифты, Латинские шрифты, Русские шрифты, Шрифты без засечек
Предварительный просмотр Arial Narrow
Шрифт Arial Narrow с поддержкой латиницы
Предварительный просмотр шрифта «Arial Narrow» с прописными и строчными латинскими буквами (английский алфавит A-Z и a-z).
Шрифт Arial Narrow с поддержкой кириллицы
Предварительный просмотр шрифта «Arial Narrow» с прописными и строчными русскими буквами (кириллица, русский алфавит А-Я и а-я).
Шрифт Arial Narrow с поддержкой цифр
Предварительный просмотр шрифта «Arial Narrow» с цифрами (0 1 2 3 4 5 6 7 8 9).
Шрифт Arial Narrow с поддержкой знаков препинания и пунктуации
Предварительный просмотр шрифта «Arial Narrow» со знаками препинания и пунктуации (, . / ? ; ‘ : » { } \ | ` ~ ! @ # $ % ^ & * ( ) — _ + =).
Скачать шрифт Arial Narrow
Шрифт Arial Narrow доступен для скачивания в 6 форматах: EOT, OTF, SVG, TTF, WOFF, WOFF2 (IE9 в режиме совместимости, IE6-IE8, Open Type Font, устаревшая iOS, Safari, Android, iOS и любой современный браузер).Внимание! Скачать шрифт Arial Narrow возможно только для некоммерческого использования!
Подробная инструкция по скачиванию шрифтов в статье «Как скачать шрифт на сайте»
Как установить шрифт Arial Narrow на сайт
Для установки шрифта «Arial Narrow» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts/arial-narrow». В файле стилей подключить шрифт, используя конструкцию CSS:
Скопировать в буфер обмена
@font-face { font-family: "Arial Narrow"; src: url("../fonts/arial-narrow/arial-narrow.eot"); /* IE9 Compat Modes */ src: url("../fonts/arial-narrow/arial-narrow.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/arial-narrow/arial-narrow.otf") format("opentype"), /* Open Type Font */ url("../fonts/arial-narrow/arial-narrow.svg") format("svg"), /* Legacy iOS */ url("../fonts/arial-narrow/arial-narrow.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/arial-narrow/arial-narrow.woff") format("woff"), /* Modern Browsers */ url("../fonts/arial-narrow/arial-narrow.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }
Установить шрифт «Arial Narrow» для требуемого текста, поля, кнопки или другого элемента на сайте:
font-family: "Arial Narrow";
Пример применения шрифта «Arial Narrow»:
body { font-family: "Arial Narrow"; font-size: 1rem; font-weight: normal; line-height: 1.2; color: #000; background-color: #fff; }