Вопрос.
В правке темы есть шрифты, шрифты системные и популярные. Вы мне можете объяснить разницу между системными и популярными?
И еще, сейчас посмотрел в админке шрифт - font-family: -apple-system,BlinkMacSystemFont. Вроде в настройке шрифтов этого шрифта нет. Разве так может быть что шрифты для админки нельзя использовать снаружи?
да может быть если снаружи эти шрифты не подключены.
Парни, вопрос вот такой по шрифтам.
В файле 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) {
Я вопрос задаю потому что мне кажется, что шрифты при переключении не меняются. Они правда все похожи, наподобие Опен Санс, Робото и тп.
Скажите, при подключении новых шрифтов они будут переключаться в настройке темы, там где раздел шрифты, или же их всех надо через свои CSS подключать, прописываю настройки в классах?
Вот пример подключения шрифта. Нет же ошибок?
.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;
}
}