好看的網頁字體美化,字體怎麼美化好看

本文目錄一覽：

• 1、網頁設計 ，什麼英文字體好看？
• 2、怎麼美化文字網頁？
• 3、網頁設計 漢字使用什麼字體比較好看？
• 4、讓網頁顯示的字體更美觀 IE字體設置
• 5、html網頁的字體怎麼設置好看
• 6、【網頁設計】網站的字體排版怎麼才能好看

網頁設計 ，什麼英文字體好看？

所用的字體就是國外網站設計師經常用的一些英文網站字體。

國內做的英文網站是大多數給老外看的，進入網站的第一眼就是字體，符合經常看的英文網站字體，就有興趣看下去，比如中文經常用到的 宋體，楷體。

而外國人習慣看到的字體則是Tahoma、Arial、Verdana，有時候也用Times New Roman。

一般來說，國外安裝的PC系統中常有的英文網站字體有Arial, Times New Roman, Verdana，字體大小用11px字號就很好看了。

所以不能用國內的字體來當作英文網站使用，這樣的話，做的英文網站就是失敗的。 看上去就很業餘。當然並不是用了 Tahoma、Arial、Verdana。這些常用的字體就算用的很專業了。

怎麼美化文字網頁？

1、插入橫幅廣告管理器（1）寬度與高度的設置。（2）過渡效果、每幅圖片顯示的時間、鏈接等設置。（3）圖片的添加、刪除、上移、下移等操作。

2、網頁過渡：網頁過渡的設置：事件的選擇、過渡的效果等。

3、用代碼實現特效（提高學習）（1） 狀態欄動態文字（插入代碼後，修改文字內容）（2） 圖片運動（插入代碼後，修改圖片的路徑及文件名）（3） 背景修飾（插入代碼）

網頁設計 漢字使用什麼字體比較好看？

宋體或者微軟雅黑，宋體的話如果超出14px字體，給它加粗會比較好看。如果是用微軟雅黑的話，16px以上字體會比較漂亮。

讓網頁顯示的字體更美觀 IE字體設置

對於經常使用

iPhone

或者

iPad

的用戶而言，會發現在

Safari

瀏覽器上瀏覽相同的網頁，網頁顯示的字體要比

IE

顯示的字體漂亮。

這個是在於

iPhone

或者

iPad

上的

Safari

瀏覽器會強制忽略網頁上的字體設置，將字體強制以「黑體」顯示。

「黑體「指的是字體的線條皆同粗同細，至於「宋體」的筆畫則有粗細變化，而且一般是橫畫比豎畫細，橫畫末端變粗。不過在

Windows

7

系統中已經內置了「微軟雅黑」，同樣可以媲美

MAC

上的「黑體」，Windows

XP

系統則需要下載安裝該字體。

以下是在IE下「微軟雅黑」和「宋體」的字體效果對比：

不論哪個版本的

Windows，只要確認有安裝了「微軟雅黑」字體，接着按照以下兩個步驟進行操作，也可以讓IE瀏覽器中的網頁字體獲得更好的顯示：

一、打開

IE，在單擊菜單欄的「工具

——

Internet

選項

——

常規

——

字體」，在打開的字體設置窗口中，將網頁字體設置為「微軟雅黑」，將純文字字體設置為「MS

Gothic」，單擊確認按鈕。

二、接着在常規窗口中，單擊「字體」旁邊的「輔助功能」選項，在彈出的窗口中勾選「忽略網頁上指定的字體樣式(S)」選取，按下確定。

然後重新打開IE瀏覽器，你就會發現網頁字體變得更漂亮了!如果你不喜歡「微軟雅黑」字體，也可以通過這個方法設置為其他字體。

html網頁的字體怎麼設置好看

想用CSS設置字體樣式，首先得了解CSS 字體屬性，CSS 字體屬性可以定義文本的字體系列、大小、加粗、風格（如斜體）和變形（如小型大寫字母）。

如下：

font 簡寫屬性。作用是把所有針對字體的屬性設置在一個聲明中。

font-family 設置字體系列。

font-size 設置字體的尺寸。

font-size-adjust 當首選字體不可用時，對替換字體進行智能縮放。（CSS2.1 已刪除該屬性。）

font-stretch 對字體進行水平拉伸。（CSS2.1 已刪除該屬性。）

font-style 設置字體風格。

font-variant 以小型大寫字體或者正常字體顯示文本。

font-weight 設置字體的粗細。

如果你希望文檔使用一種字體可以這樣

body {font-family: sans-serif;}

指定字體系列,如下，這樣所有h1標籤裏面的字體就定義好了

h1 {font-family: Georgia;}

其中他們優先級是 h1body

注意：如果讀者沒有安裝 Georgia字體，會默認為其他字體，如果您對字體非常熟悉，也可以為給定的元素指定一系列類似的字體。要做到這一點，需要把這些字體按照優先順序排列，然後用逗號進行連接：

p {font-family: Times, TimesNR, ‘New Century Schoolbook’,

Georgia, ‘New York’, serif;}

如果把一個 font-family 屬性放在 HTML 的 style 屬性中，則需要使用該屬性本身未使用的那種引號如：

p style=”font-family: Times, TimesNR, ‘New Century Schoolbook’, Georgia,

‘New York’, serif;”…/p

字體風格

font-style 屬性最常用於規定斜體文本。

該屬性有三個值：

•normal – 文本正常顯示

•italic – 文本斜體顯示

•oblique – 文本傾斜顯示

實例

p.normal {font-style:normal;}

p.italic {font-style:italic;}

p.oblique {font-style:oblique;}

字體變形

font-variant 屬性可以設定小型大寫字母。

小型大寫字母不是一般的大寫字母，也不是小寫字母，這種字母採用不同大小的大寫字母。

實例

p {font-variant:small-caps;}

字體加粗

font-weight 屬性設置文本的粗細。

使用 bold 關鍵字可以將文本設置為粗體。

關鍵字 100 ~ 900 為字體指定了 9 級加粗度。如果一個字體內置了這些加粗級別，那麼這些數字就直接映射到預定義的級別，100 對應最細的字體變形，900 對應最粗的字體變形。數字 400 等價於 normal，而 700 等價於 bold。

如果將元素的加粗設置為 bolder，瀏覽器會設置比所繼承值更粗的一個字體加粗。與此相反，關鍵詞 lighter 會導致瀏覽器將加粗度下移而不是上移。

實例

p.normal {font-weight:normal;}

p.thick {font-weight:bold;}

p.thicker {font-weight:900;}

字體大小

font-size 屬性設置文本的大小。

有能力管理文本的大小在 web 設計領域很重要。但是，您不應當通過調整文本大小使段落看上去像標題，或者使標題看上去像段落。

請始終使用正確的 HTML 標題，比如使用 h1 – h6 來標記標題，使用 p 來標記段落。

font-size 值可以是絕對或相對值。

絕對值：

•將文本設置為指定的大小

•不允許用戶在所有瀏覽器中改變文本大小（不利於可用性）

•絕對大小在確定了輸出的物理尺寸時很有用

相對大小：

•相對於周圍的元素來設置大小

•允許用戶在瀏覽器改變文本大小

注意：如果您沒有規定字體大小，普通文本（比如段落）的默認大小是 16 像素 (16px=1em)。

使用像素來設置字體大小

通過像素設置文本大小，可以對文本大小進行完全控制：

實例

h1 {font-size:60px;}

h2 {font-size:40px;}

p {font-size:14px;}

【網頁設計】網站的字體排版怎麼才能好看

中文網頁，通用宋體，亮點標題標記用「微軟雅黑」，中英文字體樣式都寫上。方便解析。