189 8069 5689

css样式宋体,css 宋体

如何用css样式设计整个网站字体

网站字体分为两种类型,一种是默认字体,一种是外部字体。

公司主营业务:成都网站建设、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出章贡免费做网站回馈大家。

默认字体

如果整个网页都要弄成宋体的话就将body定义为宋体即可,即在样式表中加入:body{font-family:"宋体"},如果只要一部分为宋体,那将那一部分的层的字体样式定义为宋体就行了。

默认的字体有宋体、楷体、黑体、新宋体、仿宋等。

外部字体

样式表中嵌入外部字体,用@font-face语法。

@font-face{font-family:name;src:url;sRules;}

name:为自定义字体名称

url:使用绝对或相对地址指定OpenType字体

sRules:样式表定义

如:

@font-face{

font-family:YH;

src:url();

}

然后再设置需要变换字体的样式即可,如:body{font-family:YH},字体名称是上述所说自定义好的名称。

css怎么设置漂亮的中文字体样式

CSS即使设置了其他字体,也要看别的电脑里有没有,一般系统自带有宋体,黑体等字体,但是如果你电脑上有好看的字体,可以显示,在别的电脑没有你的字体,就显示不了,所以一般只会设置系统自带的字体。

设置方法:

html

head

style type="text/css"

p.ziti{font-family:"Times New Roman",Georgia,Serif}

/style

/head

body

h1CSS font-family/h1

p class="ziti"要更改的字体内容/p

/body

/html

CSS定义可以是:font-family:sans-serif

也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}

为什么我这里设置了三个,分别用","隔开呢,因为不同版本的操作系统,对字体的支持不同解释如下:

例如微软雅黑不同操作系统不同版本需要如下设置:

Windows XP及以前版本的Windows

font-family: Arial, 宋体, sans-serif;

Windows Vista和Windows 7

font-family: 'Microsoft Yahei', sans-serif;

Sorry,英文就无法设置字体了,因为中文字体都包含了英文字体。好在雅黑显示英文还凑合。

Mac及其它操作系统

font-family: sans-serif;

系统自带中文字体编码:

宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312

如何在中文网页中利用CSS来设定中文是宋体、英文是Arial?

网页中通过CSS的font-family属性,来定义字体的,页面默认中文是宋体,也可只定义一个英文Arial即可。

方法如下:

body {

font-family: Arial, "宋体";

}

补充:

font 简写:

body { font:italic small-caps bold 12px/1.5em Arial, "宋体";}

等效于:

body {

font-style:italic; 

font-variant:small-caps; 

font-weight:bold; 

font-size:12px; 

line-height:1.5em; 

font-family:arial,verdana;

}

顺序:font-style | font-variant | font-weight | font-size | line-height | font-family

简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写。

css中为什么我设置不了宋体,而一定显示为其它字体

H5标签可以取消加粗试试,因为H标签本身就自带的加粗属性,看看font-weight:normal;这样看看行不行!希望对你有所帮助!


网站栏目:css样式宋体,css 宋体
文章源于:http://jkwzsj.com/article/dsgdshg.html

其他资讯