从不同来源多次导入相同字体有害吗?

时间:2018-11-11 11:04:16

标签: css angular angular-material2 google-font-api google-fonts

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

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

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

我使用的解决方案:
通过执行步骤here in google-webfonts.helper,我提供了一个本地托管的替代方法。具体来说:

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

0 个答案:

没有答案