[已解决]css3给html5设置字体的问题

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

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

以下是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 ，路径和资源是否存在。

跳转到最佳答案楼层

不二如是 · 发表于 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 是不是你自己定义这个，有没被权重大的东西干掉你的定义

感谢帮助，是我自己疏忽了

不二如是 · 发表于 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 ，路径和资源是否存在。

感谢帮助，是我自己疏忽了

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

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

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

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

是字体文件的后缀写错了，谢谢提醒

账号		自动登录	找回密码
密码			立即注册