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

通過css設(shè)置font-family來制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁面看起來還不錯。裝飾性字體組好只用于標題。然后用css的font-family指定缺省字體。

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站制作、做網(wǎng)站與策劃設(shè)計,德保網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:德保等地區(qū)。德保做網(wǎng)站價格咨詢:028-86922220

所以我們需要統(tǒng)一設(shè)置默認的字體樣式，以便實現(xiàn)一致的顯示效果來保證設(shè)計的一致性和提高開發(fā)效率。

字族（font-family）功能：通過font-family指定字體類型用于改變HTML標志或元素的字體，你可設(shè)置一個可用字體清單。瀏覽器由前向后選用字體。

我們選擇將我們的樣式全部建到一個CSS文檔中，通過調(diào)用CSS文件來加載樣式。在頭部調(diào)用CSS文件樣式。對于CSS，我們最常用的是通過class或是標簽名來控制樣式。我們控制字體樣式使用的font。

CSS如何設(shè)置文字字體

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：a{font-family： 楷體；font-size： 20px；color： orange；}。

通過css設(shè)置font-family來制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁面看起來還不錯。裝飾性字體組好只用于標題。然后用css的font-family指定缺省字體。

CSS2規(guī)范根據(jù)長度——水平和垂直尺寸——來定義字體。這個長度為一個數(shù)值，前面可能帶一個可選的加(+)或減(-)標記符。另外，該數(shù)值后可能有一個可選的單位標識符。另外，CSS2規(guī)范定義了兩個單位類型：絕對單位和相對單位。

(2)行高字距，也叫行距行距是在整段文字中間的字距(也叫行距，但是這個行距對行距)。行高的方法可以是從行內(nèi)到行末另外增加行距12mm，因為這12個行距會在最外面加上一塊硬皮。

我們選擇將我們的樣式全部建到一個CSS文檔中，通過調(diào)用CSS文件來加載樣式。在頭部調(diào)用CSS文件樣式。對于CSS，我們最常用的是通過class或是標簽名來控制樣式。我們控制字體樣式使用的font。

可以使用font屬性來設(shè)置字體，它的參數(shù)比較多，可以參考其schema約束來寫。

CSS設(shè)置全局字體

在Dreamweaver編寫網(wǎng)頁中，在css中定義body中，加入font-family屬性可定義全局字體 font-family 規(guī)定元素的字體系列。font-family 可以把多個字體名稱作為一個“回退”系統(tǒng)來保存。如果瀏覽器不支持第一個字體，則會嘗試下一個。

一般asp網(wǎng)頁編程中全局字體的設(shè)置多數(shù)使用CSS定義。在CSS中，最常用的描述字體大小的單位有兩個，即em和px。通常認為em為相對大小單位，而px為絕對大小單位。但從實際應(yīng)用中來講，px像素有時也像是一種相對大小單位。

可以使用font屬性來設(shè)置字體，它的參數(shù)比較多，可以參考其schema約束來寫。

你可以用font-family屬性在CSS樣式里設(shè)置字體，如： font-family：Arial； 但是設(shè)置的這種字體，你電腦上必須裝有該字體，否則將按原字體樣式顯示。

如果你想你網(wǎng)站上的文字看起來更加不一樣，就必須要給網(wǎng)頁中的標題、段落和其他頁面元素應(yīng)用不同的字體。

CSS字體與文本樣式詳解

1、粗細 font-weight作用：設(shè)置文字是否加粗顯示。屬性名：font-weight(屬于 font 屬性的一個單一屬性)字體風(fēng)格 font-style作用：設(shè)置文字是否斜體顯示。

2、如圖，先在HTML網(wǎng)頁編寫一些測試的文字。然后在網(wǎng)頁預(yù)覽文字初始的字體效果，顏色是黑色，大小比較小。因為測試文字是在body標簽內(nèi)的，所以我們要對body標簽設(shè)置css屬性就可以了。

3、font 簡寫屬性在一個聲明中設(shè)置所有字體屬性。font-size和font-family的值是必需的。如果缺少了其他值，默認值將被插入，如果有默認值的話。注意： line - height屬性設(shè)置行與行之間的空間。

4、CSS 字體屬性定義文本的字體系列、大小、加粗、風(fēng)格（如斜體）和變形（如小型大寫字母）。

5、那么具體說一下所有樣式的意思：font-family： “宋體”，”黑體”；這個的意思是說定義頁面上顯示文字的字體，如果宋體不識別的話，那么就顯示黑體。