Например, не отображается Arial.
А где взять список шрифтов, чтобы прописывать их в стайлшите css?
Моя операционная система Fedora 30.
// Не издевайтесь над родным языком.
Шрифты linux для web
Да, вижу.
Или, возможно, Linux и Mozilla используют только фонты под свободной лицензией.
Ладно, уже кое-как заработало.
Моя ошибка ещё была - после элемента поставил двоеточие перед фигурной скобкой.
(Давно не писал CSS)
Убрал двоеточие, стили заработали.
Есть еще один вариант когда используются не готовые, а собственные шрифты или шрифты из интернета.
У таких шрифтов расширение WOFF или WOFF2.
Описано как использовать и таблица совместимости браузеров, тут:
@font-face
Ещё есть такой вот генератор который может конвертировать ttf шрифты в WebFonts.
https://www.fontsquirrel.com/tools/webfont-generator
И на выходе создаст файлы с примером использования.
____________
По запросу "как использовать шрифт woff на сайте" гугл выдает очень много материала.
Первые несколько ссылок достаточно неплохо это описывают.
MozgFx, вот рабочий пример, выдрал из style.css:
@font-face{
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-R.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-B.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face{
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-RI.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face{
font-family: 'Ubuntu';
src: url('../fonts/Ubuntu-BI.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
