代码之家 › 专栏 › 技术社区 › Sumchans

使用谷歌字体库

fonts angular

Sumchans · 技术社区 · 7 年前

我添加了在样式中导入谷歌字体的链接。我的角度项目的css文件。这是:

@import url('https://fonts.googleapis.com/css?family=Muli:400,700');

我如何在我的项目中全局应用字体,以及如何将其仅添加到html元素,例如For。

2 回复 | 直到 7 年前

Z. Bagley 7 年前

使用google字体的最佳方法是将脚本包含在 指数html 档案 <head>...</head> 部分当你深入研究时,你会发现 以谷歌为好友进行编码 最好的部分之一是 cdn公司 是为了以这种方式支持而构建的!

等效脚本包括: <link href="https://fonts.googleapis.com/css?family=Muli:400,700" rel="stylesheet">

这与谷歌的材质图标的工作原理相似!

要在样式表中使用它,请将其包含在基础中 styles.css 文件:

html, body {
    font-family: 'Muli';
}

注意:你会发现 css 标签“字体系列”实际上有很多选择。这是最基本的,但如果你想了解更多信息,我很乐意更新更具体的答案。我想尽力理解你的问题,解决它,我们可以一起对问题有一个坚实的理解。

NaN 4 年前

另一个好方法是将字体下载到服务器上。这样,您创建的intranet应用程序就不需要获取外部源才能正常运行。在我国的投票机构,我们在选举日切断了与服务器的连接,以避免黑客攻击,因此应用程序必须拥有本地所需的所有资产:

 $ npm install --save typeface-muli

加上角度。json:

 "styles": [
   "src/styles.scss",
   "node_modules/typeface-muli/index.css" <-- add this line
 ],

从索引中删除。html:

 <!-- <link href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700" rel="stylesheet"> -->

推荐文章

toddmo · 当内容不可用时,如何优雅地后退

7 年前

Ronald LaPlante · 在css中查找字体

7 年前

Namdeo Karande · 使用Aspose在PDF中添加TTF字体文件。HTML

7 年前

bellotas · 如何将新字体导入项目-Angular 5

7 年前

user7088941 · 无法在tkinter中更改按钮字体大小

7 年前

Emre Önder · 在Interface builder中看到的自定义字体,但在iOS项目的代码中没有看到

7 年前

Joey Yi Zhao · 如何在html画布中使用粗体、斜体等字体文件?

7 年前

sripberger · 向docker图像添加字体

7 年前

newbeeep · Freetype2返回的大小值大于预期值

7 年前

FormaL · wordpress请求404/410响应缺少字体

7 年前