@ font-face字体不起作用

克劳迪奥

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

@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

坤吉

您可能在代码中有两个错误:路径和扩展。并使用以下格式以及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/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

@ font-face不起作用,字体不变

来自分类Dev

用@ font-face添加自定义字体根本不起作用

来自分类Dev

字体重量:粗体的@ font-face在IE9中不起作用

来自分类Dev

CSS @font-face 不起作用,显示默认字体

来自分类Dev

@ Font-face在IOS上不起作用

来自分类Dev

@ font-face在Chrome中不起作用

来自分类Dev

@ Font-face在IOS上不起作用

来自分类Dev

setTypeface(font)不起作用

来自分类Dev

@font脸不起作用

来自分类Dev

@ font-face声明在Android 4.3 Internet浏览器中不起作用?

来自分类Dev

甚至“防弹” @ font-face在IE9中也不起作用(Apache上的wordpress网站)

来自分类Dev

@ font-face在OS X Yosemite Chrome 26-版本上不起作用

来自分类Dev

@ font-face似乎在本地主机上不起作用

来自分类Dev

@ font-face在Firefox和Internet Explorer中不起作用

来自分类Dev

无论我尝试什么,@Font-face 都不起作用

来自分类Dev

Font Awesome 5,为什么使用字体时品牌图标不起作用?

来自分类Dev

@ font-face与Google字体

来自分类Dev

在CSS中使用自定义@ font-face在任何浏览器中均不起作用

来自分类Dev

在CSS中使用自定义@ font-face在任何浏览器中均不起作用

来自分类Dev

@ font-face在其他计算机上不起作用-带有正确的文件链接

来自分类Dev

导入新字体@font-face font-family

来自分类Dev

嵌入TTF字体@ Font-face

来自分类Dev

Mac System字体@ font-face问题

来自分类Dev

无法使用@ font-face加载字体

来自分类Dev

Font- Awesome在Android应用中不起作用

来自分类Dev

@import'font-awesome'在Rails中不起作用

来自分类Dev

-webkit-font-smoothing属性在Chrome中不起作用

来自分类Dev

font-weight:300在Chrome中不起作用

来自分类Dev

使用CSS更改Font Awesome图标不起作用

Related 相关文章

热门标签

归档