Шрифты на сайте

Общее Общие вопросы
1

Вопрос.
В правке темы есть шрифты, шрифты системные и популярные. Вы мне можете объяснить разницу между системными и популярными?

И еще, сейчас посмотрел в админке шрифт - font-family: -apple-system,BlinkMacSystemFont. Вроде в настройке шрифтов этого шрифта нет. Разве так может быть что шрифты для админки нельзя использовать снаружи?

2

да может быть если снаружи эти шрифты не подключены.

3

Парни, вопрос вот такой по шрифтам.

В файле fonts.less подключены шрифты вот таким образом:

.ut2-change-font-face() when (@headings_font = @montserrat_font_default) {
@font-face {
font-family: “Montserrat”;
font-display: swap;
src: url(‘…/…/…/media/custom_fonts/Montserrat-Regular.ttf’) format(‘truetype’);
font-style: normal;
font-weight: 400;
Однако везде где встречал в интернете, везде пишут только про то, чтобы начинать строку с @font-face {.
Однако как видите строка начинается с
.ut2-change-font-face() when (@headings_font = @montserrat_font_default) {
@font-face {
.
Вопрос в общем такой, нужна ли эта первая строка - .ut2-change-font-face() when (@headings_font = @montserrat_font_default) {

4

Я вопрос задаю потому что мне кажется, что шрифты при переключении не меняются. Они правда все похожи, наподобие Опен Санс, Робото и тп.
Скажите, при подключении новых шрифтов они будут переключаться в настройке темы, там где раздел шрифты, или же их всех надо через свои CSS подключать, прописываю настройки в классах?

5

Вот пример подключения шрифта. Нет же ошибок?

.ut2-change-font-face() when (@headings_font = @museocyrl_font_default) {
@font-face {
font-family: “MuseoSansCyrl”;
font-display: swap;
src: url(‘/design/themes/abt__unitheme2/media/custom_fonts/MuseoSansCyrl-500.ttf’) format(‘truetype’);
font-style: normal;
font-weight: 500;
}
}
.ut2-change-font-face() when (@headings_font = @sourceSans3_font_default) {
@font-face {
font-family: “SourceSans3”;
font-display: swap;
src: url(‘/design/themes/abt__unitheme2/media/custom_fonts/SourceSans3-Regular.ttf’) format(‘truetype’);
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: “SourceSans3”;
font-display: swap;
src: url(‘/design/themes/abt__unitheme2/media/custom_fonts/SourceSans3-Medium.ttf’) format(‘truetype’);
font-style: normal;
font-weight: 500;
}
@font-face {
font-family: “SourceSans3”;
font-display: swap;
src: url(‘/design/themes/abt__unitheme2/media/custom_fonts/SourceSans3-SemiBold.ttf’) format(‘truetype’);
font-style: normal;
font-weight: 600;
}
@font-face {
font-family: “SourceSans3”;
font-display: swap;
src: url(‘/design/themes/abt__unitheme2/media/custom_fonts/SourceSans3-Bold.ttf’) format(‘truetype’);
font-style: normal;
font-weight: 700;
}
}