未有名 发表于 2020-3-17 16:53:37

css3给html5设置字体的问题

以下是html5源码：
<!doctype html>
<html>
      <head>
      <meta charset='utf-8'>
      <title>web_start</title>
      
      <link rel='shortcut icon' href='image/ico/2233.ico'/>
      <link rel='stylesheet' type='text/css' href='html5_one.css'>
      </head>

      <body>
                <h1>这是一个空文档</h1>
      </body>
</html>
以下是css：
@font-face
{
    font-family:"myFirstFont";
    src:url("font/luoli.tff");
}

h1{
      font-family:"myFirstFont";
}
就是想让网页用一种电脑上没有的字体显示
哪里有错误吗？
h1的字体一直不对

不二如是 发表于 2020-3-17 17:01:50

请确定 font/luoli.tff ，路径和资源是否存在。

sukiwhip 发表于 2020-3-17 17:06:34

1、看下路径引用有没错
2、去开发者模式看你的 h1 是不是你自己定义这个，有没被权重大的东西干掉你的定义

未有名 发表于 2020-3-17 17:06:56

不二如是 发表于 2020-3-17 17:01
请确定 font/luoli.tff ，路径和资源是否存在。

路径和资源没问题，html和css还有font的文件夹同一层级，font的文件夹内有luoli.ttf

未有名 发表于 2020-3-17 17:07:40

shit，我知道问题出在哪了，字体文件名后缀ttf,,,,,,

未有名 发表于 2020-3-17 17:09:18

sukiwhip 发表于 2020-3-17 17:06
1、看下路径引用有没错
2、去开发者模式看你的 h1 是不是你自己定义这个，有没被权重大的东西干掉你的定义

感谢帮助，是我自己疏忽了{:5_99:}

不二如是 发表于 2020-3-17 17:09:18

未有名 发表于 2020-3-17 17:06
路径和资源没问题，html和css还有font的文件夹同一层级，font的文件夹内有luoli.ttf

src 改成这样试试：
url('font/luoli.ttf') format('truetype')

未有名 发表于 2020-3-17 17:10:08

不二如是 发表于 2020-3-17 17:01
请确定 font/luoli.tff ，路径和资源是否存在。

感谢帮助，是我自己疏忽了{:5_99:}

不二如是 发表于 2020-3-17 17:10:38

未有名 发表于 2020-3-17 17:10
感谢帮助，是我自己疏忽了

{:10_275:}{:10_275:}

未有名 发表于 2020-3-17 17:11:20

不二如是 发表于 2020-3-17 17:09
src 改成这样试试：

是字体文件的后缀写错了，谢谢提醒
页: [1]
查看完整版本: css3给html5设置字体的问题