Question

我正在尝试在我的网站上添加新字体。刚刚获得了我想要的字体（Gill Sans Light）的TTF文件。这是我的测试代码

main.css ： -

@font-face {
    font-family: 'Gill Sans Light';
    src: url('fonts/gill-sans-light.ttf') format('truetype');
}

index.html ： -

<html>
    <head>
        <meta charset="UTF-8" />
        <link rel="stylesheet" href="css/main.css" type="text/css" media="all"/>     
    </head>

    <body>
        <div class="landing">
            <div class="logo">
                <div class="title">
                    <span style="font-family: 'Gill Sans Light'">Testing Font</span>
                </div>                
            </div>
        </div>
    </body>
</html>

但是当我在浏览器中打开index.html时，它无效。此外，在Chrome上它显示错误 -

Failed to load resource: net::ERR_FILE_NOT_FOUND    gill-sans-light.ttf

这对我没有意义，因为文件在那里我已经三次检查文件名错误。

我知道有很多相关的问题。但是这些解决方案都没有真正帮助我。我该如何解决这个问题？

Answer 1

文件<md-radio-group formControlName="id_customer_type" (change)="onChangeCustomerType($event.value)"> <md-radio-button type="radio" name="id_customer_type" value="1" [checked]="true"> Persona</md-radio-button> <md-radio-button type="radio" name="id_customer_type" value="2"> Empresa</md-radio-button> <md-radio-button type="radio" name="id_customer_type" value="3"> IoT/M2M</md-radio-button> </md-radio-group>应存在于以下路径中：

gill-sans-light.ttf

您css/fonts/gill-sans-light.ttf文件位于main.css文件夹内，引用位于css，因此此路径应位于fonts/gill-sans-light.ttf文件夹中。

添加自定义字体ttf不起作用

1 个答案: