DEV: Пример подключение шрифта (Roboto)

Evg Evg 10 Марта 2023 (ред)

Добавлен тестовый пример, чтобы показать, как подключить шрифты.

Идем в файл:

resources/views/default/css/custom.css

И убираем комментарии, чтобы получилось:

@font-face {
  font-family: Roboto;
  src: url(/assets/fonts/Roboto-Regular.ttf);
}

body {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

Далее собираем css (через админ- интерфейс).

Готово. Всё должно работать.

P.S. выше представлен самый простой код. Более полный код (на все случаи, жирный там и т.д.) можно найти непосредственно в сети.

Тут главное в пример то, что файл custom.css — это место, где мы добавляем, что нам необходимо. Этот файл подключается самый последний и он переопределит всё остальное.

Данный файл (шрифт) Roboto-Regular.ttf и строки были добавлены на .GitHub.

4 Ответа

  1. Yori Yori 10 Марта 2023 (ред.)

    Версию css (style.css?11) возможно стоит вынести в конфиг, чтобы было проще?

    1. Evg Evg 10 Марта 2023 (ред.)

      Вынесу. Сейчас это можно сделать. )

  1. Cipherchunk Cipherchunk 11 Марта 2023 (ред.)

    Is it neccessary to include the .ttf file?

    1. Evg Evg 11 Марта 2023 (ред.)

      No. You can include any file you want, now just added an example and there is a place (folder) where files can be located.