Question

我使用下面的代码加载@ font-face语句的字体。字体在我的dir yoo中，但是它没有工作：

    @font-face {
    font-family: 'irseri’;
    src: url('irseri.ttf') format('truetype');
}

.about{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    font-family:irseri ;
    color: #9f9f9f;
    margin-top: 10px;
}

这是我的HTML代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <link rel="stylesheet" href="style.css" type="text/css">
    <meta charset="UTF-8">
    <title>Mehdi page</title>
</head>
<body>
<div class="content">
    <div class="text"><div class="image"></div>Some Title</div>
    <div class="about">Some Text<div>
</div>
</body>
</html>

Answer 1

尝试此代码并使字体文件夹正确无误。检查一次irseri.ttf字体在文件夹中它可能喜欢src：url（＆＃39; ../ fonts / irseri.ttf＆＃39;）格式（＆＃39; truetype＆＃39;）;

@font-face {
    font-family: 'irseri';
    src: url('../irseri.ttf') format('truetype');
}

Font-Face不起作用

1 个答案: