Как подключить разные шрифты?

Question

[Денис Денис]

Всем привет!
Подключил 3 шрифта RobotoBold, RobotoLight и RobotoThin через googleFonts.
Что то дальше никак:(
Шрифт если поставить просто Roboto, браузер меняет шрифт
А как дать элементу RobotoBold, например?
Спасибо!

Answer 1

[Котик Антон]

.RobotoThin {
    font-family: Roboto;
    font-weight: 100;
}

.RobotoLight {
    font-family: Roboto;
    font-weight: 300;
}

.RobotoBold {
    font-family: Roboto;
    font-weight: 700;
}

Answer 2

[Алекс К]

С помощью font-weight.
У каждого шрифта в google fonts обозначены значения толщины. Например, в Вашем случае:
light 300
normal 400
bold 700

Если хотите использовать light, пропишите в css:
font-weight: 300;

Для bold, пропишите в css:
font-weight: 700;

Answer 3

[Super User]

Просто меняйте значение font-weight и все.
P.S. Roboto кстати имеет довольно много вариаций font-weight в отличие от стандартного Arial.

Answer 4

[Антон Шаманов]

загугли "google fonts"

Answer 5

[Дмитрий Пыркин]

попробуй к каждому шрифту прописывать font-family