Как изменить стиль шрифта? - PullRequest
Новая
       69

Как изменить стиль шрифта?

0 голосов
/ 19 апреля 2020

Я хотел изменить все шрифты моего магазина. Я обнаружил, что этот код помогает мне изменить его. Где мне нужно это реализовать? Нужно ли менять другие строки кода, чтобы он работал? 

@font-face {
    font-family: GothamBlack;
    src: url(https://github.com/JDRF/design-system/blob/master/dist/fonts/gotham/black/gotham-black-webfont.woff); 
}

Ответы [ 2 ]

0 голосов
/ 19 апреля 2020

Поместите объявление font-family в селектор тела: 

@font-face {
    font-family: GothamBlack;
    src: url(https://github.com/JDRF/design-system/blob/master/dist/fonts/gotham/black/gotham-black-webfont.woff); 
}

затем 

body {
  font-family: GothamBlack;
}

Тогда все элементы на вашей странице будут наследовать это семейство шрифтов (если, кроме конечно ты переопределишь это позже).

0 голосов
/ 19 апреля 2020

Вы должны поместить это правило в таблицу стилей и использовать font_family для селектора.

После добавления в таблицу стилей правило инструктирует браузер загрузить шрифт, из которого он размещен, а затем отобразить его, как указано в CSS.

например:

Css Часть: 

@font-face {
    font-family: GothamBlack;
    src: url(https://github.com/JDRF/design-system/blob/master/dist/fonts/gotham/black/gotham-black-webfont.woff); 
}

body {
    font-family: GothamBlack, sans-serif;
}

, если body не может использовать GothamBlack, поэтому он использует sans-serif.

Для получения дополнительной информации:

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

https://css-tricks.com/snippets/css/using-font-face/

https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

...