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

10 Марта (ред)

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

Идем в файл:

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.

Evg Evg + 5.5k

6 Ответов

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

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

  1. Is it neccessary to include the .ttf file?

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

  1. Okay.
    I noticed a bug but it's not really that a big deal in the numbers of like a post get when it gets to 11 it shows as (eleven) instead of 11 as a number

  1. I'll watch it, thanks.