Question

我正在尝试从本地存储中获取字体。

@font-face {
    font-family: const;
    src: url(const.ttf);
}

.fp_title1 {
    font-family: 'const', trebuchet ms;
    font-size: 350%;
    font-weight: 100;
    -webkit-text-stroke: 1px;
}

这不起作用。我已经尝试重命名文件，使用带有和不带引号的'font-family'...

我也尝试将字体与HTML链接

<link href='CSS/const.ttf' rel='stylesheet' type='text/css'>

它在同一个文件夹中，名称是对的。我不明白。

编辑：我的CSS文件已经链接，字体是.ttf

Answer 1

代码中可能有2个错误：路径和扩展名。并使用以下格式以及ttf：

@font-face {
  font-family: 'const';
  src: url('const.eot'); /* IE9 Compat Modes */
  src: url('const.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('const.woff') format('woff'), /* Modern Browsers */
       url('const.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('const.svg#svgFontName') format('svg'); /* Legacy iOS */
}

有助于创建网络字体的网址：

http://www.fontsquirrel.com/tools/webfont-generator

http://www.font-face-generator.com/

Answer 2

CSS的文件扩展名为.css，您提供了.ttf

@ font-face字体不起作用

2 个答案: