Html @字体面不是';不行,需要帮助
根据w3schools.com,我做的一切都很好,但我的@font-face字体不起作用!我做错了什么?这是我的CSS代码:Html @字体面不是';不行,需要帮助,html,css,fonts,font-face,Html,Css,Fonts,Font Face,根据w3schools.com,我做的一切都很好,但我的@font-face字体不起作用!我做错了什么?这是我的CSS代码: @font-face{ font-family: title; src: url('peach-sundress.ttf') format('ttf'); } 以下是HTML代码: <div class="box"> <h1 align="center" style="font-family: title;">Keegan
@font-face{
font-family: title;
src: url('peach-sundress.ttf') format('ttf');
}
以下是HTML代码:
<div class="box">
<h1 align="center" style="font-family: title;">Keegan Brown Photography</h1>
</div>
基根·布朗摄影
您不需要单独指定格式,除非您使用一组不同的源文件作为字体以支持不同的浏览器。你还需要一些字体系列的引号,试试这个
@font-face {
font-family: 'title';
src: url('peach-sundress.ttf');
}
然后像这样使用它
font-family:'title', sans-serif;
无衬线是为了以防万一,提供一个后备方案。如果不需要,可以将其删除。试试这个例子:这个例子不起作用。这是我现在的代码:
@font-face{font-family:“title”;src:url('peach-sundress.ttf');}
和:.box{宽度:100%;高度:15%;背景色:白色;边框:纯色1px白色;方框阴影:0px 3px 5px 1px银色;不透明度:0.85;字体系列:“title”}
@Alex