以在css中設(shè)置文本字體為“微軟雅黑”。具體方法和CSS代碼如下:
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供茌平網(wǎng)站建設(shè)、茌平做網(wǎng)站、茌平網(wǎng)站設(shè)計、茌平網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、茌平企業(yè)網(wǎng)站模板建站服務(wù),10多年茌平做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
.body {font-family:"Microsoft YaHei",微軟雅黑,"Microsoft JhengHei",華文細(xì)黑,STHeiti,MingLiu}
之所以加上中文名“微軟雅黑”是為了兼容opera。Microsoft JhengHei為微軟正黑體,STHeiti為華文黑體,寫這么多字體是為了預(yù)防萬一用戶的電腦上沒有微軟正黑體,那么CSS可以從后邊幾種字體中選擇一個類似的字體,記得11px下的MingLiu中文有著不凡的效果。
box1{font-family:"微軟雅黑,宋體";font-weight:bold}這個字體。css設(shè)定的字體,?只有系統(tǒng)里面有這個字體的才能看到。?比如xp系統(tǒng)的用戶,?一般都沒有微軟雅黑,?你css使用了微軟雅黑。
但是用戶只能看到系統(tǒng)默認(rèn)的宋體.?所以不要那么麻煩.?要想用的只要在你的font文件夾找到字體默認(rèn)名字就行了.
最好是使用大多數(shù)人的機(jī)器上可能有的常見的truetype字體。
Arial、Times Roman、Courier、Verdana和Century Gothic是常見的字體,中文里面Windows自帶宋體、黑體及楷體。
如果你使用不常見的字體,不要忘記為沒有此字體的瀏覽器指定替代的字體。
通過css設(shè)置font-family來制定字體集,瀏覽器可以順序查找使用你制定的一系列字體,讓你的頁面看起來還不錯。
?裝飾性字體組好只用于標(biāo)題。然后用css的font-family指定缺省字體。
?不要過分地使用字體,在同一頁面中不要使用太多不同的字體。
通常使用兩種字體就足夠了:一種用于標(biāo)題,一種由于文本。
某些字體組合常常無法工作。例如,不要再同一頁面中使用script和斜體字體,不要在同一頁面中使用一種以上的裝飾性字體。
?嘗試使用相同字型的不同濃淡度使頁面更有趣。
如果你的頁面相當(dāng)乏味,沒有圖像,那么嘗試設(shè)置促體的濃淡度(通過css的font-weight特性),這會使頁面更生動。使用不用的濃淡度不僅可以使頁面更吸引人,它還是組織信息的最有效的方法之一。
?不要在同一頁面中放兩種sans serif字體,除非你確實知道在做什么。
如果你要在同一頁面中使用兩種字體,它們應(yīng)該來自兩種不同的字型類別。
?不同的操作系統(tǒng)及瀏覽器中pt字會不一樣大。
pt(磅)最早是用于印刷的字號,在windows和mac os里面,相同的pt值會對應(yīng)不同的px(像素)值。唯一可靠的單位,就是px。
?設(shè)置字號的時候,要考慮好來你的網(wǎng)站的客人會是什么樣的人?
如果你設(shè)置了固定的字號,比如12px,那么,對于普通瀏覽者來說,這是沒什么問題的,但是如果你的網(wǎng)站的瀏覽者包括老人和視力有問題的人群,那么這個尺寸就太小了,最好提供個他們可以選擇頁面字體的權(quán)利。
非常多,可以設(shè)置系統(tǒng)中的任何一種字體樣式,Windows自帶中文字體:宋體、黑體、楷體(GB2312)、仿宋(GB2312)、微軟雅黑等。
Windows自帶英文字體:Arial、Verdana、 Geneva、 sans-seri、Times等。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "
html xmlns=" "
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title無標(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
整個頁面的,復(fù)制看看把
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需要另外插一張類庫
本文題目:好看的字體樣式css,好看的字體樣式轉(zhuǎn)換
文章源于:http://vcdvsql.cn/article40/dsdicho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、域名注冊、做網(wǎng)站、App設(shè)計、搜索引擎優(yōu)化、網(wǎng)站設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)