div+css,网页上怎么用微软雅黑,字体 想指定某个网页用微软雅黑字体,CSS该怎么写

作者&投稿:沈豪 2025-05-21
div+css,网页上怎么用微软雅黑,字体

body{font-family:"微软雅黑"}

说明:需访问者电脑上有该字体才可以实现此效果.否则默认宋体.

尝试着用办双引号去掉或者把
字体设置成font-family:'Microsoft YaHei';页面出现的问题就解决了,font-family:'雅黑';此种写法IE6.0不兼容。


1、font-family属性可以为标签设置字体,浏览器会从左至右依次查找是否有该字体,并将找到的第一个字体用于显示。如果没找到,则使用默认字体(Windows XP简体中文版一般是宋体)。

2、但还有个未定义行为,若找到的第一个是英文字体,而要显示汉字时,应该如何处理。Chrome和Firefox是继续往后查,直到找到能正确显示的字体;而IE(我只测试了IE6)则直接改用默认字体显示汉字了。
3、目前我只能用CSS hack的方法来判断(即只有IE能识别*开头的属性),但也只是提前了中文字体,英文字体就无效了:body { font-family:Verdana,微软雅黑; *font-family:微软雅黑,Verdana; }
4、此外,有时候找到的字体无法显示特殊符号,IE就用方框来显示了,非常无语。例如音乐符号:♪如果你装了微软雅黑字体,那么在IE下看到的会是个方框,但Chrome和Firefox下正常。

5、font:在一个声明中设置所有字体属性;font有以下几个属性:font-style:字体样式font-variant:字体异体font-weight:字体粗细font-size/line-height:字体大小/行高font-family:字体系列(比如宋体、黑体等)

6、设定字体为微软雅黑 Bold字体"就可以写为:font-family:"微软雅黑";font-weight:bold;

在css手册中,有这么一个解释:
@font-face
{
font-family
:
name
;
src
:
url(
url
)
;
sRules
}
说明:
name
:
 字体名称
url
:
 使用绝对或相对地址指定OpenType字体
sRules
:
 样式表定义
设置嵌入HTML文档的字体。
嵌入HTML文档的字体是指将OpenType字体(压缩的TrueType字体)文件映射到客户端系统,用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。
url
地址必须指向
OpenType
字体文件(.eot或.ote)。此文件包含可以转换为
TrueType
字体的压缩字体数据,可以用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。此文件可以使用
Microsoft
WEFT
工具制作。
这样,我们需要微软的WEFT工具来完成。
Microsoft
WEFT
工具说明页
http://www.microsoft.com/typography/web/embedding/weft3/
Microsoft
WEFT
工具下载地址(点击下载)
http://download.microsoft.com/download/8/a/1/8a1be03f-f7fc-4504-af9a-7b9230775284/WEFTIII2b1.exe
字体嵌入演示
http://www.microsoft.com/typography/web/embedding/demos/10/demo10.htm
使用教程(E文)
http://www.microsoft.com/typography/web/embedding/weft3/tutorial.aspx
简单说明一下:
先新建一个htm空文档,然后打开WEFT,根据向导,添加刚才新建的htm文件
然后下一步,会提示程序将分析系统字体,此时不要勾选skip
analysis,继续下一步,等程序扫描完毕,出现一个对话框,此时先不着急下一步,点"Add"按钮,选择一个需要制作的字体,只有TrueType的字体可以被制作,选好后下一步。
接着选择,生成的ETO字体文件的保存位置
下面这个选框比较重要,第一次就是因为没弄清楚,导致无效。这里要输入字体允许被使用在哪些站点内。这个地方建议输入两个域名,一个是:
http://127.0.0.1
,做为本机测试用,另一个是自己的站点的地址,如:
http://www.imagecode.net
,设置好后,再下一步直到完成。
这样还不算完,找到生成好的EOT文件,放在网站目录里,在需要使用这个字体的页面里,按照下面的方法操作。
<HTML>
<HEAD>
<TITLE>Test
Page</TITLE>
<STYLE
TYPE="text/css">
<!--
@font-face
{
font-family:
myfont;
font-style:
normal;
src:
url(ARIAL0.eot);
}
-->
</STYLE>
</HEAD>
<BODY>
<FONT
FACE="myfont">
测试文字</FONT>
</BODY>
</HTML>
最后要注意的是在@font-face的时候,font-family最好自己定义一个字体名称,不要跟本机的字体名称一致。否则在<font
face='myfont'>的时候,如果EOT字体加载失败,有可能会使用系统字体来显示,这样自己就无法判断是否CSS字体加载成功。其实,字体是否加载成功,在安装了WEFT后,会自动弹出提示。

font-family:"微软雅黑";这样写是可以的,但是有些浏览器对此并不关注,像FF浏览器,它并不会以你在代码中指定的字体为显示字体,它会以用户手工指定的字体为默认显示字体。所以出现了这种情况(前题是客户机上有该字体却无法显示这种字体时),你只能手工指定网页默认显示的字体。


你是否需要了解?

div+css,网页上怎么用微软雅黑,字体
,做为本机测试用,另一个是自己的站点的地址,如:http:\/\/www.imagecode.net ,设置好后,再下一步直到完成。这样还不算完,找到生成好的EOT文件,放在网站目录里,在需要使用这个字体的页面里,按照下面的方法操作。<HTML> <HEAD> <TITLE>Test Page<\/TITLE> <STYLE TYPE="text\/css"> <!--...

div+css,网页上怎么用微软雅黑,字体
body{font-family:"微软雅黑"} 说明:需访问者电脑上有该字体才可以实现此效果.否则默认宋体.

如果用dreamweaver来做网页,这和ASP,DIV+CSS,ACCESS,有什么关系?整个流 ...
使用ASP制作网页时,必须要在服务器上安装IIS(Internet Information Services,互联网信息服务),否则ASP文件时不会运行的。IIS在“控制面板\\添加删除程序”里,点击“添加组件”按向导完成就可以了。不过就我的经验来说,一般D版XP是没有自带这个组件的。为了能够在本地调试ASP文件,建议您找一张正版的...

HTML里需要兼容验证的浏览器有哪些
div+css需要验证兼容性的浏览器:微软浏览器包括IE6、IE7、IE8即将出来的IE9浏览器,现在使用IE6占多数。火狐浏览器:一般都是最新版本Opera浏览器现在一般用户使用ie6、ie7、ie8较多,但是国际使用火狐比较多所以我们在检查开发出css网站兼容性还是要考虑到火狐浏览器Firefox。一般以火狐浏览器为标准浏览...

我们公司想做一个网站,网络公司说他们是用DIV+CSS制作的,想问一下D...
div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了w3c内容与表现相分离。table跟div+css都是静态布局,後者比前者的网站访问速度会快些,而且更加严谨。前者多数出现在网站後台,後者多为网站前台。直白的说:div+css造出来的网站更加...

网页中能否加载微软雅黑字体网页设计中,能否加载微软雅黑字体,让没
为了在网页中加载微软雅黑字体,设计师可以通过CSS样式表来指定字体。例如,在CSS中使用`@font-face`规则来加载字体文件,或者直接在样式属性中指定`font-family: 'Microsoft YaHei', sans-serif;`。这样,当用户的计算机上安装了微软雅黑字体时,浏览器就会优先使用该字体来渲染文本。需要注意的是,虽然...

htmlcss怎么让文字在页面底部居中
要实现文字在页面底部居中,结合CSS样式可以轻松实现。首先,确保你的元素需要应用这些样式,如在一个div元素中,我们可以使用以下代码:copy;2017-2018 在CSS样式中,设置如下:.div_foot{position:fixed;bottom:0;\/*将元素定位到页面底部*\/left:0;\/*使元素居于屏幕左边缘*\/height:50px;\/*设置元素的...

html文本颜色字体大小标签元素
一、font标签语法与结构 font face=微软雅黑微软雅黑 字体 Font face设置文本字体为微软雅黑 ,你可能想了解css字体设置:css font-family 二、Font标签说明 - 常常我们在一个网页中直接使用font标签进行对文本设置文本字体、文本文字大小、文本颜色等样式。三divcss5对于font直接设置网页文本样式标签总结 ...

css设置艺术字体的代码?
DIV+CSS怎么样改字体样式1、首先,打开html编辑器,新建html文件,例如:index.html。在index.html中的style标签中,输入css代码:body{font-family:楷体}。浏览器运行index.html页面,此时文字的样式被成功定义为楷体。2、操作方法如下:在css中,可以使用font-style设置div内的文字样式。3、对应html源...

DIV+CS是什么意思?
比如要改变一个段落或标题文字的颜色,只需要修改相应的CSS,就可以控制其颜色效果了!国内早期用DIV排版的应该是网易公司吧,其163网站都采用DIV+CSS排版布局,你可以打开www.163.com网站,然后在页面上右击“查看源文件”,会发现<DIV >...<\/DIV>标签!还有好多“CLASS="..."”,这个就是样式!以...