Проблема:
В моем HTML-файле у меня есть:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
Я хочу, чтобы шрифт был доступен пользователям, которые не могут получить доступ к fonts.googleapis.com, но могут получить доступ к моему веб-сайту.
Решение, с которым я пошел:
Я предоставляю локальную альтернативу, выполнив шаги здесь, в google-webfonts.helper . Чтобы быть конкретным:
- Я создал файл
roboto.css в своей папке /assets и вставил код в шаге 3 по ссылке выше.
- Загруженные шрифты в
/assets/fonts.
- Добавлено к
index.html: <link href="/assets/roboto.css" rel="stylesheet">
Для подтверждения: у меня все еще есть начальные шрифты Google. То есть мой index.html имеет:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<link href="/assets/roboto.css" rel="stylesheet">
Вопрос (ы):
(1) В любом случае, двойной импорт таким образом вреден?
(2) Я правильно делаю?
(3) Есть ли лучший способ добиться того, чего я хочу?