etozhematvekat
@etozhematvekat
Вряд ли Вы не сможете ответить на мой вопрос.

Как правильно пользоваться шрифтами от гугла?

Объясните подробно как пользоваться этим ресурсом https://fonts.google.com/.

Я вставляю этот кусок в head
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">


Потом к шрифту в ксс пишу это
font-family: 'Roboto', sans-serif;
Это понятно из описания, а как например добавить стили?
Bold
Bold Italic
Black
Black Italic

Я не могу конкретно понять как нужно оформить код, кавычки, пробелы, Нужен ли пробел между робото и болд, или слитно надо.
Надеюсь вы меня поняли.
  • Вопрос задан
  • 877 просмотров
Решения вопроса 3
FFxSquall
@FFxSquall
Могу писать код, могу не писать
Таким способом вы подключите только regular шрифт. На сайте google fonts при добавлении шрифта, есть ещё пункт customize где вы можите настроить начертания и т.д.
Вот пример:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">

В CSS используйте font-weight и font-style
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-style: italic;

и т.д.
Ответ написан
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Просто указываете начертание.
body {
font-family: 'Roboto', sans-serif;
}

.class {
font-weight: bold;
font-style: italic;
}

.class2 {
font-weight: 300;
}


и т.д
Ответ написан
Комментировать
1.b7a0540ffb8149fa8098fcc245448b26.png
2.
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700i" rel="stylesheet">

3. https://fonts.googleapis.com/css?family=Roboto:400...

Пример:
Roboto 700 bold italic
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы