您的位置：首页 > Web前端 > CSS

解决网页引用的字体 css设置后浏览器没有会不显示的情况

2015-03-24 16:29 393 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>

@font-face { font-family: Venera; font-weight: bold; src: url(Venera-900.otf); }
p{
font-family:Venera;
font-size:30px;
}
</style>
<body>

<p>10000</p>
</body>
</html>

你只需要将你网页中用到的字体放置到你的文件夹里面向引用图片一样去引用就就可以将字体加载进去，然后在设置字体类型的时候调用你设置的名字即可。

注：此种写法在谷歌和火狐下可以在ie8以下无效

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 浏览器 css 外部字体

相关文章推荐

新的分享

章节导航