资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

css楷体样式,css设置字体样式

在css中定义了个 p.kaiti { font-family:楷体_GB2312,"Times New Roman"; } 谁能帮我把这个想解释下

是的,这是你们老师上课为了给学生演示随便取的一个class名,kaiti = 楷体

创新互联公司主营息县网站建设的网络公司,主营网站建设方案,成都APP应用开发,息县h5微信小程序开发搭建,息县网站营销推广欢迎息县等地区企业咨询

p.kaiti { font-family:楷体_GB2312,"Times New Roman"; }

这段CSS的意思就是应用了.kaiti这个class名的P标签下的文字中文显示为楷体,英文则显示为 Times New Roman 字体

如何用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设置网页字体[多图]

最好是使用大多数人的机器上可能有的常见的truetype字体。

Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体,中文里面Windows自带宋体、黑体及楷体。

如果你使用不常见的字体,不要忘记为没有此字体的浏览器指定替代的字体。

通过css设置font-family来制定字体集,浏览器可以顺序查找使用你制定的一系列字体,让你的页面看起来还不错。

・装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。

・不要过分地使用字体,在同一页面中不要使用太多不同的字体。

通常使用两种字体就足够了:一种用于标题,一种由于文本。

某些字体组合常常无法工作。例如,不要再同一页面中使用script和斜体字体,不要在同一页面中使用一种以上的装饰性字体。

・尝试使用相同字型的不同浓淡度使页面更有趣。

如果你的页面相当乏味,没有图像,那么尝试设置促体的浓淡度(通过css的font-weight特性),这会使页面更生动。使用不用的浓淡度不仅可以使页面更吸引人,它还是组织信息的最有效的方法之一。

・不要在同一页面中放两种sans serif字体,除非你确实知道在做什么。

如果你要在同一页面中使用两种字体,它们应该来自两种不同的字型类别。

・不同的操作系统及浏览器中pt字会不一样大。

pt(磅)最早是用于印刷的字号,在windows和mac os里面,相同的pt值会对应不同的px(像素)值。唯一可靠的单位,就是px。

・设置字号的时候,要考虑好来你的网站的客人会是什么样的人?

如果你设置了固定的字号,比如12px,那么,对于普通浏览者来说,这是没什么问题的,但是如果你的网站的浏览者包括老人和视力有问题的人群,那么这个尺寸就太小了,最好提供个他们可以选择页面字体的权利。

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怎么定义全局样式为蓝色,楷体?

在样式文件或style标签里设置全局样式,具体的写法如下:

style

*{

color: blue;

font-family: '楷体';

}

/style

color表示字体颜色, font-family表示字体样式

css字体样式有哪些

非常多,可以设置系统中的任何一种字体样式,Windows自带中文字体:宋体、黑体、楷体(GB2312)、仿宋(GB2312)、微软雅黑等。

Windows自带英文字体:Arial、Verdana、 Geneva、 sans-seri、Times等。


本文名称:css楷体样式,css设置字体样式
网站网址:http://www.cdkjz.cn/article/dsgjhdi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220