Css 在Angular.js（.ttf）中包含字体

我有一个.ttf字体文件，需要在Angular.js应用程序中使用。我不知道如何导入它并在css文件中访问它

---

有人能给我一些关于angularjs使用这个字体文件的指导吗？

包括字体与angularjs无关。您必须在CSS文件中声明它：

以我自己的这一块为例，在样式表中声明：

@font-face {
font-family: 'Durant';
src: url('../fonts/DurantBold.eot'); /* IE9 Compat Modes */
src: url('../fonts/DurantBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/DurantBold.otf') format('opentype'), /* Legacy iOS */
     url('../fonts/DurantBold.svg#Durant-Bold') format('svg'), /* Legacy iOS */
     url('../fonts/DurantBold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/DurantBold.woff') format('woff');
font-weight: bold;
}

请记住，路径是相对于css文件的

今天，大多数浏览器都支持大多数文件格式——具体来说，我不知道浏览器和字体之间的不兼容。这种款式有点旧

此外，我拥有所有这些文件（每种字体、每种格式、每种重量变化、每种样式变化1个文件，非常令人沮丧）。您将不包括您没有的文件的配置

如果您只有.ttf文件，则只需要在.css文件中包含此代码段：

@font-face {
font-family: 'Durant';
src: url('../fonts/DurantBold.ttf')  format('truetype');
font-weight: bold;
}

请记住在将要使用该区块的页面中实际包含声明该区块的css文件。如果您使用states（ngRouter/ui.router），那么在主页中包括字体，而不是在部分中

请记住将字体文件（.ttf）放置在此css文件中的声明可访问的位置：

• 绝对URL/CDN：这不需要解释
• 相对于站点url：与往常一样，以/开头的路径指的是相对于文档根的路径
• 相对url：不以/开头的路径相对于当前css文件

我知道我写过很多次，但如果忘记了，总是让人头疼