[网页制作] CSS设置字体无效
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[网页制作] CSS设置字体无效相关的知识，希望对你有一定的参考价值。
html代码：
<!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>
<meta name="keywords" content="招聘会" />
<meta name="description" content="招聘会是最大中国招聘会网站" />
<link href="css/global.css" rel="stylesheet" type="text/css" />
<link href="css/reg.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="rt">
<div class="rl"><a href="#"><img src="images/logo.png" alt="" width="220" height="63" /></a></div>
<div class="rlink"><a href="#">登录</a> | <a href="#">注册</a> <a href="#">返回首页</a> | <a href="#">帮助中心</a></div>
</div>
<div class="wc r">
<div class="rleft">
<div class="rz">
<h3>注册帐户</h3>
<span>登录招聘帐户，享受招聘会提供的更多服务<br />请在右侧输入你的信息</span>
</div>
</div>
</div>
</body>
</html>
CSS样式：global.css正常
reg.css：
@charset "utf-8";
/* CSS Document */
bodybackground:none;
.rtwidth:960px;height:74px;margin:0 auto;overflow:hidden;clear:both;border-bottom:#a62721 2px solid;
.rlfloat:left;padding:5px 0 0 5px;
.rlinkfloat:right;padding:42px 0 12px 0;
.rlink a:hovercolor:#a62721;
.rmargin:10px auto;
.rleftwidth:460px;height:500px;background:url(../images/r.gif) no-repeat;padding-left:21px;float:left;
.rz h3font-weight:bold;font-family:"微软雅黑";font-size:14px;line-height:54px;
.rz spanwidth:460px;font-family:"黑体";font-size:14px;line-height:24px;color:#666;
在火狐中安装firebug，然后用火狐打开打开这页面，firebug可以计算出css的样式，这是显示的最后计算的css,调试css离不开这个
如图
要不然你写成 font-family:'Microsoft Yahei'; 看看
那也不行的话，我也没遇到过所以帮不了你...追问
3Q 写成你这种就有效了。。。
本回答被提问者采纳 参考技术C 我这里测试表示没什么问题，你是在其他电脑上看的吗？字体设置这个东西，如果其他电脑上没有微软雅黑或者其他你设置的字体，会按默认字体显示。追问那我郁闷了，我其它页面都有显示微软雅黑，就这个页没有。。
canvas引入外部字体无效解决方法
1.css文件中引入外部字体
@font-face { font-family: ‘hwhp‘; src: url(‘../font/hwhp.ttf‘) format(‘truetype‘), url(‘../font/hwhp.eot‘), url(‘../font/hwhp.woff‘) format(‘woff‘), url(‘../font/hwhp.svg‘) format(‘svg‘); }
canvas设置字体样式
var wm = document.createElement(‘canvas‘); wm.setAttribute(‘width‘, 600); wm.setAttribute(‘height‘, 500); var ctx = _wm.getContext(‘2d‘); ctx.font = "130px ‘hwhp‘"; ctx.translate(50, 380); ctx.rotate(-0.5); ctx.fillStyle="#F8F8FF"; ctx.fillText(text, 0, 0);
最重要的一步，html文件中需要预先使用字体样式，尽量放在body下面第一个元素，元素必须可见。
<div style="font-family: hwhp;">.</div>
以上是关于[网页制作] CSS设置字体无效的主要内容，如果未能解决你的问题，请参考以下文章