仅嵌入google webfonts的部分字母

Question

我使用的是谷歌的Roboto和Roboto Sans字体。读取Google Developers Doc有一种方法可以使用?text=customletters对整个网页字体进行only embed certain letters。

我生成了这两个嵌入链接：

<!-- whole roboto font -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
<!-- only custom letters of roboto slab using text?= -->
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700?text=I%20am%20an%20example' rel='stylesheet' type='text/css'>

1)这对我在safari中不起作用。我的代码有什么问题吗？

2)虽然，有没有办法将这两行结合起来，以避免在每次页面加载时向另一台服务器发出两个请求？

3)最后也是最不重要的，@import和link href的嵌入方式在性能上有什么不同吗？

Answer 1

下载字体并使用FontForge (https://fontforge.github.io/en-US/)，在此线程中有一个教程how to remove characters from a font file?