好看的字体样式css,好看的字体样式转换

CSS中设定字体如何设定为微软雅黑 Bold字体？

以在css中设置文本字体为“微软雅黑”。具体方法和CSS代码如下：

.body {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}

之所以加上中文名“微软雅黑”是为了兼容opera。Microsoft JhengHei为微软正黑体，STHeiti为华文黑体，写这么多字体是为了预防万一用户的电脑上没有微软正黑体，那么CSS可以从后边几种字体中选择一个类似的字体，记得11px下的MingLiu中文有着不凡的效果。

box1{font-family:"微软雅黑,宋体";font-weight:bold}这个字体。css设定的字体, 只有系统里面有这个字体的才能看到。 比如xp系统的用户, 一般都没有微软雅黑, 你css使用了微软雅黑。

但是用户只能看到系统默认的宋体. 所以不要那么麻烦. 要想用的只要在你的font文件夹找到字体默认名字就行了.

相关问答

Q1: 如何用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，那么，对于普通浏览者来说，这是没什么问题的，但是如果你的网站的浏览者包括老人和视力有问题的人群，那么这个尺寸就太小了，最好提供个他们可以选择页面字体的权利。

Q2: css字体样式有哪些

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

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

Q3: 好看的CSS字体和表格样式还有文本框样式，好看的加分，100分。复制原码给我

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "

html xmlns=" "

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/titlehtml

head

style type="text/css"

!--

.BG {border: 1px solid #FFCC00; br}

.BG1 {border: 1px dashed #CCCCCC; br}

.BG2 {border: 1px inset #3399CC; br}

.BG3 {border-top-width: 1px; brborder-right-width: 1px; brborder-bottom-width: 1px; brborder-left-width: 1px; brborder-top-style: dotted; brborder-right-style: solid; brborder-bottom-style: double; brborder-left-style: outset; brborder-top-color: #999999; brborder-right-color: #FF9900; brborder-bottom-color: #CC9999; brborder-left-color: #99CC00; br}

.BG4 {border-top-width: 1px; brborder-right-width: 1px; brborder-bottom-width: 1px; brborder-left-width: 1px; brborder-top-style: dashed; brborder-right-style: none; brborder-bottom-style: dashed; brborder-left-style: none; brborder-top-color: #FFCC00; brborder-right-color: #FFCC00; brborder-bottom-color: #FFCC00; brborder-left-color: #FFCC00; br}

--

/style

/head

body

table width="300" border="0" cellpadding="0" cellspacing="0" class="BG"

tr

td bgcolor="#FFFF99"div align="center"模拟百度的表格/div/td

/tr

tr

td/td

/tr

/table

p /p

table width="300" border="0" cellpadding="0" cellspacing="0" class="BG1"

tr

td bgcolor="#CCCCCC"div align="center"模拟很多BLOG表格/div/td

/tr

tr

td/td

/tr

/table

p /p

table width="300" border="0" cellpadding="0" cellspacing="0" class="BG2"

tr

tddiv align="center"新款式表格/div/td

/tr

tr

td/td

/tr

/table

p /p

table width="300" border="0" cellpadding="0" cellspacing="0" class="BG3"

tr

tddiv align="center"花式表格/div/td

/tr

tr

td/td

/tr

/table

p /p

table width="300" border="0" cellpadding="0" cellspacing="0" class="BG4"

tr

tddiv align="center"去任意边表格/div/td

/tr

tr

td/td

/tr

/table

p /p

p /p

p /p

/body

/html

整个页面的，复制看看把

Q4: css好看的字体样式

style type="text/css"

.aa{ width:200px; height:44px; border:0; background-image:url(img1.png); }

.aa:active{ background-image:url(img2.png);}

/style

input type="button" class="aa" value=""/

IE6需要另外插一张类库