问题:
在我的 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">
确认:我仍然有最初的谷歌字体。即,我的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)有没有更好的方法来实现我想要的?