0

问题:
在我的 HTML 文件中,我有:

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">

我希望无法访问fonts.googleapis.com但可以访问我的网站的用户可以使用该字体。

我采用的解决方案:我按照 google-webfonts.helper 中
的步骤提供了一个本地托管的替代方案。再具体一点:

  1. roboto.css在我的/assets文件夹下创建了一个文件,并在上面的链接中粘贴了第 3 步中的代码。
  2. 下载了下的字体/assets/fonts
  3. 添加到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)有没有更好的方法来实现我想要的?

4

0 回答 0