LinuxForum.Fans
Тема

Шрифты linux для web

Автор: ValentinK 6 сообщений 1393 просмотров
30.10.2019 21:08 #433263

Например, не отображается Arial.
А где взять список шрифтов, чтобы прописывать их в стайлшите css?
Моя операционная система Fedora 30.

// Не издевайтесь над родным языком.

30.10.2019 21:31 #433265

Да, вижу.
Или, возможно, Linux и Mozilla используют только фонты под свободной лицензией.
Ладно, уже кое-как заработало.
Моя ошибка ещё была - после элемента поставил двоеточие перед фигурной скобкой.
(Давно не писал CSS)
Убрал двоеточие, стили заработали.

30.10.2019 21:41 #433266

У меня есть установлены шрифты от Microsoft, проблем нет. ОС и версия − в подписи сообщения.

Показать
12.09.2021 09:49 #436701

Есть еще один вариант когда используются не готовые, а собственные шрифты или шрифты из интернета.
У таких шрифтов расширение WOFF или WOFF2.
Описано как использовать и таблица совместимости браузеров, тут:
@font-face
Ещё есть такой вот генератор который может конвертировать ttf шрифты в WebFonts.
https://www.fontsquirrel.com/tools/webfont-generator
И на выходе создаст файлы с примером использования.

____________
По запросу "как использовать шрифт woff на сайте" гугл выдает очень много материала.
Первые несколько ссылок достаточно неплохо это описывают.

12.09.2021 10:42 #436702

MozgFx, вот рабочий пример, выдрал из style.css:

text
@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; }

Войдите или зарегистрируйтесь, чтобы ответить.