CSS中設(shè)定字體如何設(shè)定為微軟雅黑 Bold字體？

以在css中設(shè)置文本字體為“微軟雅黑”。具體方法和CSS代碼如下：

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供茌平網(wǎng)站建設(shè)、茌平做網(wǎng)站、茌平網(wǎng)站設(shè)計(jì)、茌平網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、茌平企業(yè)網(wǎng)站模板建站服務(wù)，10多年茌平做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

.body {font-family:"Microsoft YaHei",微軟雅黑,"Microsoft JhengHei",華文細(xì)黑,STHeiti,MingLiu}

之所以加上中文名“微軟雅黑”是為了兼容opera。Microsoft JhengHei為微軟正黑體，STHeiti為華文黑體，寫(xiě)這么多字體是為了預(yù)防萬(wàn)一用戶的電腦上沒(méi)有微軟正黑體，那么CSS可以從后邊幾種字體中選擇一個(gè)類似的字體，記得11px下的MingLiu中文有著不凡的效果。

box1{font-family:"微軟雅黑,宋體";font-weight:bold}這個(gè)字體。css設(shè)定的字體,?只有系統(tǒng)里面有這個(gè)字體的才能看到。?比如xp系統(tǒng)的用戶,?一般都沒(méi)有微軟雅黑,?你css使用了微軟雅黑。

但是用戶只能看到系統(tǒng)默認(rèn)的宋體.?所以不要那么麻煩.?要想用的只要在你的font文件夾找到字體默認(rèn)名字就行了.

如何用css設(shè)置網(wǎng)頁(yè)字體[多圖]

最好是使用大多數(shù)人的機(jī)器上可能有的常見(jiàn)的truetype字體。

Arial、Times Roman、Courier、Verdana和Century Gothic是常見(jiàn)的字體，中文里面Windows自帶宋體、黑體及楷體。

如果你使用不常見(jiàn)的字體，不要忘記為沒(méi)有此字體的瀏覽器指定替代的字體。

通過(guò)css設(shè)置font-family來(lái)制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁(yè)面看起來(lái)還不錯(cuò)。

?裝飾性字體組好只用于標(biāo)題。然后用css的font-family指定缺省字體。

?不要過(guò)分地使用字體，在同一頁(yè)面中不要使用太多不同的字體。

通常使用兩種字體就足夠了：一種用于標(biāo)題，一種由于文本。

某些字體組合常常無(wú)法工作。例如，不要再同一頁(yè)面中使用script和斜體字體，不要在同一頁(yè)面中使用一種以上的裝飾性字體。

?嘗試使用相同字型的不同濃淡度使頁(yè)面更有趣。

如果你的頁(yè)面相當(dāng)乏味，沒(méi)有圖像，那么嘗試設(shè)置促體的濃淡度（通過(guò)css的font-weight特性），這會(huì)使頁(yè)面更生動(dòng)。使用不用的濃淡度不僅可以使頁(yè)面更吸引人，它還是組織信息的最有效的方法之一。

?不要在同一頁(yè)面中放兩種sans serif字體，除非你確實(shí)知道在做什么。

如果你要在同一頁(yè)面中使用兩種字體，它們應(yīng)該來(lái)自兩種不同的字型類別。

?不同的操作系統(tǒng)及瀏覽器中pt字會(huì)不一樣大。

pt（磅）最早是用于印刷的字號(hào)，在windows和mac os里面，相同的pt值會(huì)對(duì)應(yīng)不同的px（像素）值。唯一可靠的單位，就是px。

?設(shè)置字號(hào)的時(shí)候，要考慮好來(lái)你的網(wǎng)站的客人會(huì)是什么樣的人？

如果你設(shè)置了固定的字號(hào)，比如12px，那么，對(duì)于普通瀏覽者來(lái)說(shuō)，這是沒(méi)什么問(wèn)題的，但是如果你的網(wǎng)站的瀏覽者包括老人和視力有問(wèn)題的人群，那么這個(gè)尺寸就太小了，最好提供個(gè)他們可以選擇頁(yè)面字體的權(quán)利。

css字體樣式有哪些

非常多，可以設(shè)置系統(tǒng)中的任何一種字體樣式，Windows自帶中文字體：宋體、黑體、楷體(GB2312)、仿宋(GB2312)、微軟雅黑等。

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

好看的CSS字體和表格樣式還有文本框樣式，好看的加分，100分。復(fù)制原碼給我

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

html xmlns=" "

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

title無(wú)標(biāo)題文檔/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

整個(gè)頁(yè)面的，復(fù)制看看把

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需要另外插一張類庫(kù)

本文題目：好看的字體樣式css,好看的字體樣式轉(zhuǎn)換
文章源于：http://chinadenli.net/article40/dsdicho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、域名注冊(cè)、做網(wǎng)站、App設(shè)計(jì)、搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)