Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html @字体面不是';不行,需要帮助_Html_Css_Fonts_Font Face - Fatal编程技术网

Html @字体面不是';不行,需要帮助

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

根据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 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