设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 技术交流 › Web开发 › css3给html5设置字体的问题
返回列表 发新帖
查看: 2314|回复: 9

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

[复制链接]
未有名
发表于 2020-3-17 16:53:37 | 显示全部楼层 |阅读模式

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

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

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

  11.         <body>
  12.                 <h1>这是一个空文档</h1>
  13.         </body>
  14. </html>
复制代码

以下是css：
  1. @font-face
  2. {
  3.     font-family:"myFirstFont";
  4.     src:url("font/luoli.tff");
  5. }

  7. h1{
  8.         font-family:"myFirstFont";
  9. }
复制代码

就是想让网页用一种电脑上没有的字体显示
哪里有错误吗？
h1的字体一直不对
最佳答案
月排行榜 / 总排行榜
不二如是
2020-3-17 17:01:50
请确定 font/luoli.tff ，路径和资源是否存在。
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复

使用道具 举报

不二如是
发表于 2020-3-17 17:01:50 | 显示全部楼层    本楼为最佳答案   
请确定 font/luoli.tff ，路径和资源是否存在。
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

sukiwhip
发表于 2020-3-17 17:06:34 | 显示全部楼层
1、看下路径引用有没错
2、去开发者模式看你的 h1 是不是你自己定义这个，有没被权重大的东西干掉你的定义
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

未有名
 楼主| 发表于 2020-3-17 17:06:56 | 显示全部楼层
不二如是 发表于 2020-3-17 17:01
请确定 font/luoli.tff ，路径和资源是否存在。

路径和资源没问题，html和css还有font的文件夹同一层级，font的文件夹内有luoli.ttf
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

未有名
 楼主| 发表于 2020-3-17 17:07:40 | 显示全部楼层
shit，我知道问题出在哪了，字体文件名后缀ttf,,,,,,
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

未有名
 楼主| 发表于 2020-3-17 17:09:18 | 显示全部楼层
sukiwhip 发表于 2020-3-17 17:06
1、看下路径引用有没错
2、去开发者模式看你的 h1 是不是你自己定义这个，有没被权重大的东西干掉你的定义

感谢帮助，是我自己疏忽了
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

不二如是
发表于 2020-3-17 17:09:18 | 显示全部楼层
未有名 发表于 2020-3-17 17:06
路径和资源没问题，html和css还有font的文件夹同一层级，font的文件夹内有luoli.ttf


src 改成这样试试：
  1. url('font/luoli.ttf') format('truetype')
复制代码
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

未有名
 楼主| 发表于 2020-3-17 17:10:08 | 显示全部楼层
不二如是 发表于 2020-3-17 17:01
请确定 font/luoli.tff ，路径和资源是否存在。

感谢帮助，是我自己疏忽了
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

不二如是
发表于 2020-3-17 17:10:38 | 显示全部楼层
未有名 发表于 2020-3-17 17:10
感谢帮助，是我自己疏忽了

想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

未有名
 楼主| 发表于 2020-3-17 17:11:20 | 显示全部楼层
不二如是 发表于 2020-3-17 17:09
src 改成这样试试：

是字体文件的后缀写错了，谢谢提醒
想知道小甲鱼最近在做啥？请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-25 12:17

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表