福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > DIV+CSS基礎 >

CSS基礎必學列表

DIV CSS字體(font-family)

DIV CSS字體(font-family)

CSS font-family字體樣式設置屬性知識教程篇,CSS font-family-CSS字體樣式知識教程。在網頁中我們常常對網頁中文字設置字體,我們即可使用font-family實現字體樣式設置。

此文關于使用CSS設置對象字體樣式篇。從html的字體到css字體使用CSS教程

目錄
  1. 原始的html字體設置
  2. CSS字體設置
  3. 字體選擇技巧
  4. font-family總結

一、原始的html字體設置     -   TOP

Html的文字字體設置代碼:
<font face="黑體">我是黑體字</font>

二、CSS字體設置     -   TOP

CSS 字體屬性單詞
font-family

CSS字體 css font-family使用方法:
font-family:"設置字體名稱";

css字體樣式分析圖
字體分析圖

exp:
CSS運用實例代碼:
.divcss5{ font-family:"黑體";}

對應html代碼:
<div class="divcss5">我也是黑體字體</div>

案例截圖:
css 字體實例演示圖
說明:以上的css font-family 字體案例,包括了原始的html的字體設置和css 字體設置。

三、字體選擇技巧     -   TOP

CSS 字體常見我們使用“黑體”、“宋體”此2種中文字體,這是為什么呢,因為網頁載入選擇字體時候是調用訪問者系統文字庫的文字字體,如果沒有找到字體那將顯示默認的網頁字體。而每個人安裝的操作系統(XP\VISTA\WIN7等系統)默認包括此幾種中文字體。這樣我們要使用每個人操作系統自帶都有的字體作為網頁字體,所以不能設置我們單獨安裝的文字字體。如果我們設置自己單獨安裝的字體,在自己電腦上會實現設置字體樣式,而到其它用戶瀏覽此網頁時候此網頁內文字字體會大變樣。

一般我們使用DW選擇字體,如下圖:
font-family字體選擇
我們在VIP課程中有介紹選擇CSS屬性及值的技巧。

我們推薦常用字體有:
宋體、黑體、微軟雅黑、Arial, Helvetica, sans-serif此4種字體。

通常為了IE9兼容中文字體,需要將中文字體轉換為Unicode編碼:http://www.mcowk.com.cn/jiqiao/j325.shtml

簡寫認識:font:12px/1.5 Arial, Helvetica, sans-serif;CSS font: http://www.mcowk.com.cn/rumen/r74.shtml

四、font-family總結     -   TOP

使用css font-family對對象文字進行字體設置,注意使用常用字體,不要將自己安裝的字體設置為網頁的字體,這樣一來別人瀏覽你網頁的時候沒有這樣字體造成,文字不美觀。通常推薦字體:黑體、宋體、微軟雅黑、Arial, Helvetica, sans-serif。

你可能還需要認識以下文字字體知識:
CSS 文字: http://www.mcowk.com.cn/rumen/r74.shtml
CSS字體顏色: http://www.mcowk.com.cn/rumen/r293.shtml
CSS 下劃線: http://www.mcowk.com.cn/rumen/r129.shtml

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/rumen/r295.shtml

我要分享到:

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

 

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2010-05-08 08:37 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖