我已经在服务器上上传了字体MTCORSVA.TTF,并且也可以通过源URL访问。
但是当我使用@ font-face实现它时,它并没有显示在网站上。
我在这里缺少什么?
.bottomtext{
font-family: "MTCORSVA";
color: red;
}
/*fonts*/
@font-face {
font-family: "MTCORSVA";
src: url("azlily.bex.jp/eccube_1/html/template/default/css/fonts/MTCORSVA.TTF") format("TTF");
}
<div class=" bottom_header">
<div class="bottom_header1"><span class="bottomtext">Love Column</span>
</div>
</div>
答案 0 :(得分:0)
您应该将TTF文件移动到“字体”文件夹中。
src: url("azlily.bex.jp/eccube_1/html/template/default/css/fonts/MTCORSVA.TTF") format("TTF");
将以上代码更改为
src: url("../fonts/MTCORSVA.TTF");