Question

我的角度应用程序有问题。

演示问题：https://plnkr.co/edit/gkGNW2WucQrhUBmW5y6M?p=preview

编辑3： 字体安装在我的电脑上。也许这就是为什么我让evg与蒙特塞拉特一起工作的原因。

我已经按照正常的方式导入蒙特塞拉特字体。

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

但是当我使用蒙特塞拉特字体处理我的svg文件时，我最后会有一个带有以下内容的svg文件：

<style type="text/css">
    .st3{font-family:'Montserrat-Regular';}
    .st6{font-family:'Montserrat-Medium';}
</style>

所以我在styles.scss中完成了以下操作：

@font-face {font-family: 'Montserrat-Regular';font-weight: 400;src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');}

当我使用时：

font-family: 'Montserrat-Regular'

它适用于我的网页。但是它不适用于我的SVG 。

当我通过以下方式覆盖我的svg文件时：

<style type="text/css">
    .st3{font-family:'Montserrat';font-weight:400}
    .st6{font-family:'Montserrat';font-weight:500}
</style>

它有效。

但是有可能不覆盖并使用font-family'Montserrat-Regular'吗？

修改1：

在Chrome中，

当我将h1，h2，p，...的正常字体更改为蒙特塞拉特 - 中等时，它可以正常工作。
当我将SVG中的字体更改为蒙特塞拉特时，它可以正常工作。

所以我不明白问题的来源。

编辑2：

这是一个演示： https://plnkr.co/edit/gkGNW2WucQrhUBmW5y6M?p=preview

使用face-font导入的字体在svg中不起作用

0 个答案: