網頁設計字體樣式怎麼設置_網頁設計怎麼設置同意字體格式樣式

1、PS做平面網頁字體樣式應該怎麼設置

只是做頁面展示的話大號字就用平滑或者渾厚，小號點的字就用犀利銳利，如果是12px宋體字，一般是無，我一般都是這么用

2、如何設置瀏覽器網頁文字字體，顏色及其大小

以360瀏覽器為例。

方法：

1、首先，打開電腦上面的360瀏覽器，並點擊進入。

2、進入打360瀏覽器界面，點擊最右上角的三條橫線進入。

3、然後在三條橫線的下拉裡面，就可以看見有網頁縮放選項，根據自己的需要勾選前面的比例就可以了。

4、也可以選擇鍵盤上面的CTRL+或者CTRL-，進行縮放大小。

5、最後就是得到自己想要的效果了

3、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;}
其中他們優先順序是 h1>body
注意：如果讀者沒有安裝 Georgia字體，會默認為其他字體，如果您對字體非常熟悉，也可以為給定的元素指定一系列類似的字體。要做到這一點，需要把這些字體按照優先順序排列，然後用逗號進行連接：
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
如果把一個 font-family 屬性放在 HTML 的 style 屬性中，則需要使用該屬性本身未使用的那種引號如：
...
字體風格
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> 來標記標題，使用 來標記段落。
font-size 值可以是絕對或相對值。
絕對值：
•將文本設置為指定的大小
•不允許用戶在所有瀏覽器中改變文本大小（不利於可用性）
•絕對大小在確定了輸出的物理尺寸時很有用
相對大小：
•相對於周圍的元素來設置大小
•允許用戶在瀏覽器改變文本大小
注意：如果您沒有規定字體大小，普通文本（比如段落）的默認大小是 16 像素 (16px=1em)。
使用像素來設置字體大小
通過像素設置文本大小，可以對文本大小進行完全控制：
實例
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}

4、如何用css設置網頁字體[多圖]

最好是使用大多數人的機器上可能有的常見的truetype字體。
Arial、Times Roman、Courier、Verdana和Century Gothic是常見的字體，中文裡面Windows自帶宋體、黑體及楷體。
如果你使用不常見的字體，不要忘記為沒有此字體的瀏覽器指定替代的字體。
通過css設置font-family來制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁面看起來還不錯。
・裝飾性字體組好只用於標題。然後用css的font-family指定預設字體。
・不要過分地使用字體，在同一頁面中不要使用太多不同的字體。
通常使用兩種字體就足夠了：一種用於標題，一種由於文本。
某些字體組合常常無法工作。例如，不要再同一頁面中使用script和斜體字體，不要在同一頁面中使用一種以上的裝飾性字體。
・嘗試使用相同字型的不同濃淡度使頁面更有趣。
如果你的頁面相當乏味，沒有圖像，那麼嘗試設置促體的濃淡度（通過css的font-weight特性），這會使頁面更生動。使用不用的濃淡度不僅可以使頁面更吸引人，它還是組織信息的最有效的方法之一。
・不要在同一頁面中放兩種sans serif字體，除非你確實知道在做什麼。
如果你要在同一頁面中使用兩種字體，它們應該來自兩種不同的字型類別。
・不同的操作系統及瀏覽器中pt字會不一樣大。
pt（磅）最早是用於印刷的字型大小，在windows和mac os裡面，相同的pt值會對應不同的px（像素）值。唯一可靠的單位，就是px。
・設置字型大小的時候，要考慮好來你的網站的客人會是什麼樣的人？
如果你設置了固定的字型大小，比如12px，那麼，對於普通瀏覽者來說，這是沒什麼問題的，但是如果你的網站的瀏覽者包括老人和視力有問題的人群，那麼這個尺寸就太小了，最好提供個他們可以選擇頁面字體的權利。

5、html怎麼設置字體

6、關於HTML中字體樣式和顏色設置

具體意義如下：

<html> //html標志

<body style="background-color:PowderBlue;"> 主體樣式 ——背景顏色

owderBlue<h1>Look! Styles and colors</h1> 標題默認H1 段落樣式——字體：verdana；顏色：紅

This text is in Verdana and red 段落內容 段落樣式——字體：times；顏色：綠

This text is in Times and green 段落內容This text is 30 pixels high 段落樣式——字體大小：30%</body> 主體結束

</html> HTML結束

拓展資料：

超文本標記語言，標准通用標記語言下的一個應用。「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

HTML之所以稱為超文本標記語言，是因為文本中包含了所謂「超級鏈接」點------就是一種URL指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。

由此可見，網頁的本質就是HTML，通過結合使用其他的Web技術（如：腳本語言、CGI、組件等），可以創造出功能強大的網頁。因而，HTML是Web編程的基礎，也就是說萬維網是建立在超文本基礎之上的。

7、網頁製作怎麼設置字體樣式

font-family:"宋體","Arial Narrow";family冒號後面填寫你需要的字體即可。

8、網頁設計怎麼設置同意字體格式樣式

一、文字樣式設置的基本標簽—
設置字體樣式的基本標簽是，被其包含的文本為樣式作用區。在初學者的HTML代碼編寫中，容易被多重嵌套，如文本。還有一種情況是標簽嵌套錯位，如文本。為了規范代碼的編寫，避免不必要的錯誤，讀者在初學時一定要謹慎。
二、設置文字的顏色
color是標簽的屬性之一，用於設置文字顏色。在D:web目錄下創建網頁文件，命名為font_color.htm，編寫代碼如代碼4.7所示。
代碼4.7 字體顏色的設置：font_color.htm
<html>
<head>
<title>字體顏色的設置</title>
</head>
<body>
淺紅色文字：HTML學習的本質就是該是什麼就用什麼 
深紅色文字：HTML學習的本質就是該是什麼就用什麼 
淺綠色文字：HTML學習的本質就是該是什麼就用什麼 
深綠色文字：HTML學習的本質就是該是什麼就用什麼 
淺藍色文字：HTML學習的本質就是該是什麼就用什麼 
深藍色文字：HTML學習的本質就是該是什麼就用什麼 
淺黃色文字：HTML學習的本質就是該是什麼就用什麼 
深黃色文字：HTML學習的本質就是該是什麼就用什麼 
淺青色文字：HTML學習的本質就是該是什麼就用什麼 
深青色文字：HTML學習的本質就是該是什麼就用什麼 
淺紫色文字：HTML學習的本質就是該是什麼就用什麼 
深紫色文字：HTML學習的本質就是該是什麼就用什麼 
</body>
</html>
不但可以從代碼4.7中學到color屬性在font標簽中的用法，還可以熟悉各種顏色的表示方法。
三、設置文字的尺寸
size也是標簽的屬性，用於設置文字大小。size的值為1-7，默認為3。我們可以size 屬性值之前加上「＋」、「－」字元，來指定相對於字型大小初始值的增量或減量。在D:web目錄下創建網頁文件，命名為font_size.htm，編寫代碼如代碼4.8所示。
代碼4.8 字體尺寸的設置：font_size.htm
<html>
<head>
<title>字體尺寸的設置</title>
</head>
<body>
size為1：HTML學習 
size為2：HTML學習 
size為3：HTML學習 
size為4：HTML學習 
size為5：HTML學習 
size為6：HTML學習 
size為7：HTML學習 
</body>
</html>
可嘗試在size值前面加上「＋」、「－」字元，更靈活地設置文字尺寸。
四、設置文字的字體
face也是標簽的屬性，用於設置文字字體（字型）。HTML網頁中顯示的字型從瀏覽端的系統中調用，所以為了保持字型一致，建議採用宋體，HTML頁面也是默認採用宋體。在D:web目錄下創建網頁文件，命名為font_face.htm，編寫代碼如代碼4.9所示。
代碼4.9 字體字型的設置：font_face.htm
<html>
<head>
<title>字體字型的設置</title>
</head>
<body>
字型為宋體：沁園春·長沙-毛澤東 
字型為楷體：沁園春·長沙-毛澤東 
字型為黑體：沁園春·長沙-毛澤東 
字型為隸書：沁園春·長沙-毛澤東
</body>
</html>
五、使文字傾斜
用雙標簽可使被作用文字傾斜，達到特殊的效果，例如文章的日期。被稱為強調標簽，也是斜體，目前使用比標簽更頻繁，其編寫方法如下：
這是斜體文字
這也是斜體文字
六、使文字加粗
用雙標簽可使被作用文字加粗，是文字更加醒目，例如文章的標題部分。被稱為特別強調標簽，也是文字加粗，目前使用比標簽更頻繁，其編寫方法如下：
這是粗體文字
這也是粗體文字
七、給文字加下劃線
用雙標簽可添加下劃線到被作用文字。以下為文字傾斜、加粗和下劃線的綜合示例。在D:web目錄下創建網頁文件，命名為font_style.htm，編寫代碼如代碼4.10所示。
代碼4.10 文字修飾的設置：font_style.htm
<html>
<head>
<title>字體修飾的設置</title>
</head>
<body>
斜體：沁園春·長沙-毛澤東 
加粗體：沁園春·長沙-毛澤東 
下劃線：沁園春·長沙-毛澤東 
斜體加粗體下劃線：沁園春·長沙-毛澤東
</body>
</html>
— 注意：在多個標簽包含同一塊文字時，其包含順序不能錯位。
八、多種標題樣式的使用
網頁的文章中，為了凸顯標題的重要性，標題的樣式比較特殊。HTML技術保護了一套針對標題的樣式標簽，分別為雙標簽<h1>到<h6>，文字尺寸從大到小代表不同級別的標題。標題標簽有一個特點，獨佔一行、文字加粗、文字居中。這樣，在設置標題的時候就很輕鬆了，並且可設多級標題。在D:web目錄下創建網頁文件，命名為font_h.htm，編寫代碼如代碼4.11所示。
代碼4.11 標題的設置：font_h.htm
<html>
<head>
<title>標題的設置</title>
</head>
<body>
<h1>一號標題</h1>
<h2>二號標題</h2>
<h3>三號標題</h3>
<h4>四號標題</h4>
<h5>五號標題</h5>
<h6>六號標題</h6>
<h1>財富雜志：谷歌為何不會盛極而衰</h1>
　<h3>遭遇潛在問題</h3>
    一些業內人士認為，長期壟斷互聯網搜索和廣告市場谷歌可能會盛極而衰。...與此同時，谷歌近日推出的多項新計劃，例如開放手機聯盟、社交網站通用平台OpenSocial、以及可能投資數十億美元競購無線頻段，也遭到了廣泛的質疑。
<h3>將繼續壟斷搜索</h3>
    最近有一些文章稱，如果出現更好的搜索引擎，人們會毫不猶豫地放棄谷歌。但是，即使真有更好的搜索引擎出現，谷歌仍然可以在一段時間內屹立不倒。...在這種情況下，網站速度往往會成為決定勝負的關鍵。
</body>
</html>
九、學會處理網頁中的特殊字元
在HTML中，有一些字元有特殊含義，例如「<」和「>」是標簽的左括弧和右括弧，而標簽是控制HTML顯示的，標簽本身只能被瀏覽器解析，並不能在頁面中顯示。那麼，該怎樣在HTML中顯示「<」和「>」呢？
特殊符號
HTML代碼
特殊符號
HTML代碼
<
<
™（商標符號）
™
>
>
®（注冊符號）
®
「」（英文半形）
"
×
×
§
§
©（版權符號）
©
在D:web目錄下創建網頁文件，命名為string.htm，編寫string.htm代碼如代碼4.12所示。
代碼4.12 特殊字元的設置：string.htm
<html>
<head>
<title>特殊字元的設置</title>
</head>
<body>

標簽的顯示方法：<HTML> 
引號的顯示方法："英文半形雙引號" 
商標的顯示方法：™ 
注冊符號的顯示方法：® 
版權符號的顯示方法：© 
顯示§ 
顯示×

</body>
</html>
— 說明：單獨顯示符號&必須用代碼&。
十、如何更方便地忽略瀏覽器對部分HTML的解析
如果在網頁中作一個類似本書的HTML代碼示例，恐怕得把所有的<和>轉換成<和>，顯得比較麻煩。HTML代碼中的<plaintext>和<xmp></xmp>可以輕松解決這個問題。
<plaintext>是單標簽，它插入到HTML代碼中時，其後面的所有HTML標簽全部失效，即瀏覽器對<plaintext>後面所有的HTML標簽不作解析，直接在頁面上顯示。
<xmp></xmp>是雙標簽，它只使其包含的內容中的標簽失效，<xmp></xmp>的使用更為普遍。在D:web目錄下創建網頁文件，命名為html.htm，編寫代碼如代碼4.13所示。
代碼4.13 忽略標簽的設置：html.htm
<html>
<head>
<title>忽略標簽的設置</title>
</head>
<body>
<h2>沁園春·長沙</h2>
<xmp>獨立寒秋，湘江北去，橘子洲頭。 看萬山紅遍，層林盡染； 漫江碧透，百舸爭流。 </xmp>
鷹擊長空，魚翔淺底， 萬類霜天競自由。 悵寥廓，問蒼茫大地，誰主沉浮？ 
<plaintext>
攜來百侶曾游， 憶往昔崢嶸歲月稠。 恰同學少年，風華正茂； 書生意氣，揮斥方遒。 指點江山，激揚文字， 糞土當年萬戶侯。 曾記否，到中流擊水，浪遏飛舟！
</body>
</html>
十一、其他文字修飾方法
為了滿足不同領域的需要，HTML還有其他修飾文字的標簽。比較常用的有上標格式標簽和下標格式標簽。某些場合甚至要用到刪除效果，即可用HTML的中劃線標簽。
— 上標格式標簽為雙標簽，多用於數學指數的表示，比如某個數的平方或立方。
— 下標格式標簽為雙標簽，多用於注釋，以及數學的底數表示。
— 中劃線標簽為雙標簽<strike></strike>，多用於刪除效果。
在D:web目錄下創建網頁文件，命名為other.htm，編寫代碼如代碼4.14所示。
代碼4.14 其他修飾標簽的設置：other.htm
<html>
<head>
<title>其他修飾標簽的設置</title>
</head>
<body>

沁園春長沙！ 
數學指數的表示：23=8、1002=10000 <hr />
沁園春長沙！ 
數學底數的表示：log381=4、log5125=3 <hr />
刪除效果：<strike>我被刪除了</strike>

</body>
</html>

9、如何用css樣式設計整個網站字體

網站字體分為兩種類型，一種是默認字體，一種是外部字體。

默認字體

如果整個網頁都要弄成宋體的話就將body定義為宋體即可，即在樣式表中加入：body{font-family:"宋體"}，如果只要一部分為宋體，那將那一部分的層的字體樣式定義為宋體就行了。

默認的字體有宋體、楷體、黑體、新宋體、仿宋等。

外部字體

樣式表中嵌入外部字體，用@font-face語法。

@font-face{font-family:name;src:<url>;sRules;}

<name>：為自定義字體名稱

<url>：使用絕對或相對地址指定OpenType字體

<sRules>：樣式表定義

如：

@font-face{

font-family:YH;

src:url(http://www.xxx.com/xxx.ttf);

}

然後再設置需要變換字體的樣式即可，如：body{font-family:YH}，字體名稱是上述所說自定義好的名稱。

10、html怎麼設置字體顏色

HTML主要是用來寫頁面布局的，過程中經常需要設置頁面某些字體的顏色，通常有三種常見方式可以進行自定義設置：

1、通過外部CSS樣式來設置。可以在head標簽中增加style樣式，在body中的其他標簽，如h1，p，div等開始標簽中，增加class="上述style中定義的名稱，如blue"即可。代碼實現如下：

2、通過內部CSS樣式來設置。在body中的其他標簽，如h1，p，div等開始標簽中，增加style="color:white;font-size:25px;"即可。代碼實現如下：

3、通過font標簽來設置。在body中其他標簽內容中，增加font標簽來設置字體顏色和大小，如color="yellow" size="5"。需要注意的是，size的最大值是7，並且設置字體顏色和大小都是用等號賦值，前兩種CSS樣式是通過英文的冒號來賦值。代碼實現如下：

(10)網頁設計字體樣式怎麼設置擴展資料

HTML網頁上定義字體大小有常見三種單位，分別是：px、em、pt。

1、px是pixel縮寫，是基於像素的單位.在瀏覽網頁過程中，屏幕上的文字、圖片等會隨屏幕的解析度變化而變化，一個100px寬度大小的圖片，在800×600解析度下，要佔屏幕寬度的1/8，但在1024×768下，則只佔約1/10。所以如果在定義字體大小時，使用px作為單位，那一旦用戶改變顯示器解析度從800到1024，用戶實際看到的文字就要變「小」（自然長度單位），甚至會看不清，影響瀏覽。

2、em即％，是相對單位，是一個相對長度單位，最初是指字母M的寬度，故名em。現指的是字元寬度的倍數，用法類似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。，一般用來測量長度的通用單位(例如元素周轉的頁邊空白和填充),當用於指定字體大小時,em單位是指父元素的字體大小。

3、pt是point(磅)縮寫，是一種固定長度的度量單位,大小為1/72英寸。如果在web上使用pt做單位的文字，字體的大小在不同屏幕（同樣解析度）下一樣，這樣可能會對排版有影響，但在Word中使用pt相當方便。因為使用Word主要目的都不是為了屏幕瀏覽，而是輸出列印。當列印到實體時，pt作為一個自然長度單位就方便實用了：比如Word中普通的文檔都用「宋體 9pt」，標題用「黑體 16pt」等等，無論電腦怎麼設置，列印出來永遠就是這么大。

參考資料

網路：HTML

導航:首頁 > 萬維百科 > 網頁設計字體樣式怎麼設置

網頁設計字體樣式怎麼設置

與網頁設計字體樣式怎麼設置相關的知識