相关疑难解决方法(0)

如何离线托管素材图标？

如果这是一个非常简单的问题我很抱歉,但是你如何使用没有的谷歌材料图标

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Run Code Online (Sandbox Code Playgroud)

？

我希望我的应用程序能够显示图标,即使用户没有互联网连接

javascript html5 materialize cordova

Luk*_*Tan

lucky-day

88
推荐指数

10
解决办法

7万
查看次数

谷歌字体+网络包

我是webpack 2.2的新手; 我想知道在我的项目中集成Google字体的最佳方法.

我正在使用Webpack HTML插件index.html从模板生成一个.所以目前我直接在<script>标签中对Google字体CSS进行了硬编码,但我并不喜欢这种"解决方案",因为它根本不使用webpack:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>
  <link href="https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister" rel="stylesheet">
  <body>
    <div id='app'/>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

google-webfonts webpack-2

mgu*_*arr

lucky-day

13
推荐指数

2
解决办法

1万
查看次数

如何使用npm安装字体？

我想使用npm安装字体,例如,Open Sans或Roboto.如果我在npm上搜索Open Sans并过滤每月下载量超过1000的软件包,我会找到一个完整列表.我不确定在这里选择哪个来源,有些没有很好的维护,没有一个来自字体的原始来源,在这种情况下,谷歌.

我注意到字体通常通过直接链接到fonts.googleapis来使用.我希望有一个本地的字体副本,以便能够离线开发.是否有通过npm安装字体的常用方法？或者是否有另一种我不知道的自动字体下载工具？

fonts webfonts npm

Sig*_*gyF

2017 12-14

8
推荐指数

2
解决办法

4903
查看次数

google webfont无法在IE中工作

我在使用Google网络字体时遇到了一些奇怪的行为.现在我正在使用它就像嵌入样式表一样,它运行正常.

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300|Orienta' rel='stylesheet' type='text/css'>

Run Code Online (Sandbox Code Playgroud)

但是当我将这个@ font-face值用于我的css文件时,它无法正常工作.

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}
@font-face {
  font-family: 'Orienta';
  font-style: normal;
  font-weight: 400;
  src: local('Orienta'), local('Orienta-Regular'), url(http://themes.googleusercontent.com/static/fonts/orienta/v1/nPJ0J30J_zQZtBhztPPbaA.woff) format('woff');
}

Run Code Online (Sandbox Code Playgroud)

这些代码发生了什么,我认为它们在上面都有相同的作用.伙计们好吗？

注意.另外我打算将这些字体下载到我的系统并从服务器加载它.提前致谢.

css google-webfonts

Rin*_*rge

lucky-day

2
推荐指数

1
解决办法

8207
查看次数