Пользовательский материализовать стиль CSS - PullRequest
Новая
       35

Пользовательский материализовать стиль CSS

1 голос
/ 24 марта 2019

Материализация использовать «Робото» в качестве шрифта по умолчанию. Я не пытаюсь (как указано в документации) изменить пользовательский CSS следующим образом: 

html {
   font-family: GillSans, Calibri, Trebuchet, sans-serif;
}

То, что я ищу, это изменить оригинальный стиль элементов шрифта 'Poppins' h1, h2, h3, h4, h5, h6 и p, a с различными значениями веса, включая Extra-Bold, Bold и Medium. с размерами шрифта 75pt, 50pt, 30pt и 25pt.

Я пробовал пользовательский CSS для каждого элемента, включая: 

 font-size: 30pt; 
 font-weight: 'Extra-Bold' !important;

Я также попробовал html класс browser-default, а также попробовал: 

*{
    font-family: initial;
}

Шрифт связан таким образом на листе style.css: 

@import url(http://fonts.googleapis.com/css family=Poppins);

И таблицы стилей тоже импортируются. 

  <link href = ' css/materialize.min.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' /> 
  <link href = ' css/styles.css ' type = ' text/css ' rel = ' stylesheet ' media = ' screen,projection ' />

Я провел несколько тестов, включая или нет эти вещи.

Как отключить определенные правила стилей для материализации и персонализации стилей оформления CSS, непосредственно с помощью Materialise или пользовательского CSS?

1 Ответ

1 голос
/ 24 марта 2019

Основная проблема с вашим импортом.Существует опечатка, вы должны использовать вместо этого https, и вы должны указать вес шрифта, который вам нужен.500 будет «средний», 700 «полужирный» и 800 «полужирный»

Более того, при указании веса шрифта в селекторе вы используете не строку, а одно из предопределенных значенийили числовое значение.https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

@import url('https://fonts.googleapis.com/css?family=Poppins:500,700,800');

h1, h2, h3, h4, h5, h6, p, a {
  font-family: 'Poppins', sans-serif;
}

h1 {
  font-weight: 800;
}
...