网页引用本地电脑的字体 css设置浏览器会不显示的解决办法

2024-04-27 14:26:52

字体：大中小

来源：转载

供稿：网友

网页引用本地电脑的字体 CSS设置浏览器会不显示的解决办法

<!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 font 复合属性的顺序

下一篇：HTML模板