網頁頁的字體設計

1、文字排版如何優化網站頁面設計

一個網站是否美觀關繫到用戶是否喜歡該網站，決定網站是否美觀的因素就是網站頁面設計。
從網站的角度出發，網站內容的核心就是文字，文字排版就是將文字進行合理的排列組合。從搜索引擎的角度出發，搜索引擎可以識別並採集的主要內容是文字。基於這兩點，文字內容在網頁中的重要性顯而易見，企業網站設計時需要著重對這文字部分的內容進行合理優化，讓其與網站的設計風格和表現需求相符合，從頁讓網站設計發揮出更大的價值。文字排版優化的實用方法如下：
1、文字格式應前後一致、風格統一
企業網站中運用文字時不會只集中在一個區域，所以在進行文字排版時應做到前後一致、風格統一，這樣才能保證網站頁面的整齊統一。影響文字格式的因素有文字顏色和大小，在網頁設計中這兩點應做到一前後一致，整齊美觀。另外，在做到統一的同時還應注意動態性，讓網上頁面即整章有具有不失乏味。
2、文字的間距和行距應做到適當、科學
文字的間距和行距指的是兩個文字之間和兩行文字之間的距離，企業網站頁面設計時應做到科學適當的設置網站頁面文字的間距和行距，讓整個頁面的內容即緊湊又合理，只有合理的文字排列才能讓用戶順便利的閱讀網站內容。
避免出現的情況：①文字間距相對較小或過大，②文字行距過大或過小。無論是文字的間距過大還是過小都是不對的，過小會給人一種密密麻麻的感覺，讓用戶沒有想要閱讀下去的俗慾望；而過大就會導致網站頁面的內容量過少，能夠為用戶提供的信息量降低。
分形科技建議：網站頁面文字排版時上下文的間距控制在1.5倍相對合適，這符合大部分人的審美觀念。
3、文字的顏色選擇應合理
網頁中的文字也是可以設計顏色的，這個顏色的選擇應與網站的背景色有明顯的差異，讓人可以很容易的將二者區分開來，這樣做有利於增強網頁中文字內容的辨識度。另外，還需要從整個頁面出發，注意整體的層次感，如文章的標題和正文中需要重點突出的內容可以設置一些不一樣的顏色，讓網站頁面豐富起來，吸引用戶閱讀。
望採納！謝謝！

2、怎麼修改我的網頁字體？以前都是宋體，不知道怎麼變成這樣了

一、首先，先打開正在使用的瀏覽器。

二、然後找到該瀏覽器的「工具」設置，點擊打開。

三、然後在「工具」中找到「Internet選項」選中打開。

四、然後在「常規」里找到「字體」選項，點擊進入。

五、在「字元集」項下拉菜單找到各種字體。

五、然後選擇想要的網頁字體，「確定」保存設置，網頁字體修改完成。

3、網頁設計中，font 如何 精確 字體大小？

你好！你現在的size是html中的字體尺寸，這種不適合在頁面中作設置，這樣會影響整體字體大小的效果。你是好的方法就是要用CSS來做字體大小，這樣會很精確地做到。通常情況下，字體大小都是像素px為單位，用CSS來做設置的話，那如下例所示：
字體設置成為宋體12像素字體：.px12{font-family:宋體; font-size:12px}
那如何調用：<font class="px12">這是設置宋體12像素字體效果</font>
直接寫入頁面也是同樣達到效果，方法為：<font style="font-family:宋體; font-size:12px"></font>
那樣你字體大小就可以很好地精確起來，就不會一下子這么大這么難看了，你可以試一下。
希望我的回答能令你滿意！

4、用PS設計網頁，該用什麼字體，大小該是多少

同樓上，字體以宋體為主，因為太多盜版系統上，精簡了字體，大部分字體都沒有，如果頁面上使用了部分字體，客戶機器沒有，也會用默認字體顯示，特殊藝術字都必須切割成圖片，這樣頁面美觀了，但是會增加頁面的大小，增加下載時間。
字體大小用12和14像素，是最美觀的字體大小。

5、怎麼更改網頁二級頁面的字體

已經找到修改的地方了，唉，還是靠自己亂摸！！！

6、網頁設計開發：如何處理網頁字體

在網頁的設計開發過程中，最重要的莫過於網頁的視覺效果，設計人員經常花費大量精力用於調整字體和字型大小。利用CSS2規范，我們可以在Web頁面或應用程序中隨意對字體進行調整。本文將深入探討字體大小，並介紹在網頁和網頁應用程序中調整字體的最佳方法。 如何調整字型大小 CSS2規范是以字體長度來定義字型大小的，長度數字越大，字體的水平和垂直長度就越大。在長度數字前，有時候還會綴以「+」或者「-」號。另外，在字型大小後，有可能還跟隨著單位標識符。CSS2規范中包含了兩種單位標識符：絕對單位標識符和相對單位標識符。絕對值用來定義單位，而相對單位標識符則表示相對於另一個值的大小，以下列出了幾種相對單位標識符： em表示字體的高度，它等於字體的font-size屬性經過比例計算後的值。但有一種情況例外，即font-size屬性本身使用了em標識符，在這種情況下它會以父元素的字體大小為參考;ex(x-height)指定與小寫字母x的高度相等;px(pixels)關繫到畫布或屏幕解析度，網頁顯示時的像素值完全取決於顯示器解析度，這會使顯示結果隨用戶在屏幕解析度上的偏好而改變。 另一種實現絕對字型大小的方法是使用縮放功能。你可以使用以下關鍵字來縮小或放大字體：xx-small、x-small、small、medium、large、x-large，以及xx-large。其中Medium是一個基準，帶有small字樣的參數會讓字體縮小，而帶有large字樣的參數會讓字體擴大。CSS2規范中定義的縮放比例是1.2，但是不同的瀏覽器可能有不同的解析結果。 採用何種方式 CSS中有大量關於字體字型大小方面的參數，那麼你的網頁該採用什麼定義方式呢?採用絕對標識符來確定字型大小有很多弊端，比如會對一致性和靈活性造成影響，還會在可訪問性方面出現問題。相對字型大小與絕對字型大小相比，可以讓用戶通過多種方式來調大字型大小，從而更便於閱讀。在實際開發中，大多數設計人員採用的也是相對字型大小。下面讓我們更深入地了解一下相對字型大小： 在字型大小方面使用最多的方式就是pixels方式(px)，大多數瀏覽器都支持這種字型大小定義方式，使用這種方式的缺點就是用戶無法在IE瀏覽器中調節字體大小。 最普通的字型大小定義方式是使用em或百分比。用em定義的字型大小可以在任何瀏覽器中縮放，它同時也照顧到了用戶對字體的偏愛。 閱讀關於 網頁設計開發字體網頁陶吧 的全部文章

7、網頁設計中字體設計的原則

?

8、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 屬性中，則需要使用該屬性本身未使用的那種引號如：
<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;}

9、網站設計頁面排版一般用什麼字體,多大號,色彩方面一般怎麼搭配比較好看?

一般中文，12px，14px，15px，16px，17px，18px，19px，20px...上不限制。看你需要吧。
英文是10px,11px,12px,13px,14px,15px,16px,17px,18px...等等。
色彩搭配和排版這個不是三言兩語說得清楚的。不然就不需要專門的設計人員了，不是么？

10、製作三個頁面，要求頁面中有文字、圖片，並實現三個頁面的相互鏈接。 具體頁面內容可自由設計。

第一個頁面：
<html>
<head>
<script type="text/javascript">
function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}
</script>
</head>
<body>
<input type="button" value="跳轉頁面1" onclick="go(1)" />
<input type="button" value="跳轉頁面2" onclick="go(2)" />
<input type="button" value="跳轉頁面3" onclick="go(3)" />
當前是頁面1的內容：
<img src = "1.jpg">
</body>
</html>
第二個：
<html>
<head>
<script type="text/javascript">
function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}
</script>
</head>
<body>
<input type="button" value="跳轉頁面1" onclick="go(1)" />
<input type="button" value="跳轉頁面2" onclick="go(2)" />
<input type="button" value="跳轉頁面3" onclick="go(3)" />
當前是頁面2的內容：
<img src = "1.jpg">
</body>
</html>
第三個：
<html>
<head>
<script type="text/javascript">
function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}
</script>
</head>
<body>
<input type="button" value="跳轉頁面1" onclick="go(1)" />
<input type="button" value="跳轉頁面2" onclick="go(2)" />
<input type="button" value="跳轉頁面3" onclick="go(3)" />
當前是頁面1的內容：
<img src = "3.jpg">
</body>
</html>