Как подключить шрифт из google fonts через @font-face?

Question

[Дмитрий]

Стоит задача подключения шрифтов гугла, но не через link или import, а через @font-face
Вопрсо сводится к тому, где брать URL_НА_ШРИФТ

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local(Roboto),local(Roboto-Regular),
url(URL_НА_ШРИФТ) format("eot"),
url(URL_НА_ШРИФТ) format("woff2"),
url(URL_НА_ШРИФТ) format("woff");
}

Answer 1

[holfza]

https://fonts.googleapis.com/css?family=Roboto:300,400,500,700

Comments

[Дмитрий]

скажите пожалуйста как вы находите эту страницу
и у этого способ есть недостаток. На сколько я понял, вы отркыли в хроме, соответственно путь только для woff

Answer 2

[Alibek Kulseitov]

Ты можешь подключить в самом html
Вот так

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400&subset=cyrillic,cyrillic-ext,latin">

Либо в своем style.css

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400&subset=cyrillic,cyrillic-ext,latin);