如何将在线字体链接转换为本地链接？

如何将在线字体链接转换为本地链接？从谷歌的字体（可能下载的字体文件是确定）如何将在线字体链接转换为本地链接？

例如，HTML和CSS：

HTML: 
<link href="https://fonts.googleapis.com/css?family=Oswald|Roboto|Source+Sans+Pro" rel="stylesheet"> 

CSS: 
font-family: 'Roboto', sans-serif; 
font-family: 'Oswald', sans-serif; 
font-family: 'Source Sans Pro', sans-serif;

或具有自营风格：

<style> 
@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto|Source+Sans+Pro'); 
</style>

主要在这里的目标是：

下载后，并转换为本地。整个网站可以通过本地网络进行本地服务，无需连接互联网。

来源

2017-04-12 Adam

你只需要，如果你想在本地需要下载的字体和本地安装他们的工作使用字体面https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp –

..那是唯一的方法 –

只需下载本地系统上的文件。并删除导入。它将像普通字体一样工作。 – Aslam

您可以从google web font助手采取的帮助。它真的是一个方便的工具，以下载谷歌字体和在本地安装。

的这个工具和实施的好处：

1.将提供字体的所有格式（.eot，.woff，.woff2，.SVG，.TTF）。

2.帮助你用css实现。它生成所选字体和样式的CSS。

example of css code: 
/* open-sans-regular - latin */ 
@font-face { 
     font-family: 'Open Sans'; 
     font-style: normal; 
     font-weight: 400; 
     src: url('../fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */ 
     src: local('Open Sans'), local('OpenSans'), 
      url('../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
      url('../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ 
      url('../fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ 
      url('../fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ 
      url('../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ 
    }

3.手动选择要在项目中包括和下载他们所有的字体粗细和样式。

来源

2017-04-12 05:58:38

这太棒了！但是，是否还有更多通用工具可从url（https://fonts.googleapis.com/css?family=Oswald|Roboto|Source+Sans+Pro）下载并放入某些文件夹？ – Adam

我可以自己写字体，所以如果有一些工具可以自动化下载过程，那就太棒了。 – Adam

实际上没有任何可用的直接方式..还有其他几种方法，但那些很长。所以没有什么可以直接从网址下载.. –

你要下载的字体文件，并在CSS声明它：

@font-face { font-family: Roboto; src: url('Roboto.otf'); }

来源

2017-04-12 05:52:39

如何将在线字体链接转换为本地链接？

回答

相关问题