網頁設計與開發中字體樣式

1、html網頁製作里設置表格字體和大小的語句有嗎?是什麼?

HTML Table表格的文字大小與字型在傳統的HTML網頁設計規則中，可以透過HTML預設font文字標簽中的size與face分別設定文字大小與字型，這樣的寫法在HTML5以前是相當普遍的，而到了HTML5開始，修改表格文字大小與字型必須使用css來處理，因為HTML5不支援傳統HTML font的size與face屬性，在css的規則里，修改文字大小是用font-size，而修改字型則是使用font-famliy，以下範例分別使用HTML傳統的font標簽以及css的屬性來修改表格文字。

範例一、用HTML font文字標簽修改表格文字大小與字型

<table border="1" cellpadding="5"> 
<tr>
<td><font size="5">這是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">這是標楷體的文字字型</font></td> 
</tr> 
</table>

呈現結果

誠如第一段所說，若要符合最新的HTML5網頁設計標准，表格內的文字大小與字型就必須使用css來設計，範例二就提供這樣的設計方式，除了可以像範例一這樣每個欄位不同的文字樣式，還可以一次設定整個表格的文字樣式，用起來效率非常好。

範例二、用css的font-size與font-family來修改表格文字大小與字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5"> 
<tr>
<td>這是表格預設文字樣式</td>
<td>< span style="font-size:13px;">這是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">這是標楷體字型< /span></td> 
</tr> 
</table>

呈現結果

二在table標簽開頭就先加入了『style="font-size:18px;font-family:serif;"』這樣的語法，代表將整張表格內的所有文字大小都預設為18px，而且字型使用serif，這可是傳統HTML的font標簽沒辦法做到的高效率設計方式，接著我們在表格的三個欄位，分別使用預設文字樣式、修改大小為13px（font-size:13px;） 、字型改為標楷體（font-family:DFKai-sb;），可以清楚的看到，只要在表格中任何欄位或一段文字，用span標簽包起來，就可以特別為文字做不同的樣式設計。

2、網頁設計中css樣式中的font屬性與font-family屬性有什麼區別？

font是字體的屬性 font-name= "Verdana"：ASP.NET中的用法 font-family：CSS樣式中的用法 Verdana：是一種字體的名稱，與常見的「宋體」、「隸書」……等屬於同一類。 你可以看一下一些常用文字編輯軟體的字體設置里就有這一字體。 font-name：這組詞的意思是將要指定使用什麼字體，用什麼字體在等於號（「＝」）後面指定字體的名稱。 font-family：與font-name的作用完全一樣，只不過它是在網頁中的CSS樣式中的叫法。

3、網頁設計中最常用的字體有哪些

字體設計的原則是：可辨識性和易讀性。
一般中文建議使用微軟雅黑，英文使用arial字體。常用的字型大小大小有以下幾種：12px、14px、16px，但是不是絕對的，可以根據需求進行調整，但是字型大小規格不宜太多，會給人一種混亂的感覺，要注意層次的區別，或者通過改變顏色和粗細來體現美觀性。一般使用偶數字型大小。
另外有些字體，比如方正系列，會涉及到版權，謹慎使用。

4、網頁設計中css樣式中的font屬性與font

字體設置使用 CSS font 屬性

定義和用法

font 簡寫屬性在一個聲明中設置所有字體屬性。

注釋：此屬性也有第六個值："line-height"，可設置行間距。

說明

這個簡寫屬性用於一次設置元素字體的兩個或更多方面。使用 icon 等關鍵字可以適當地設置元素的字體，使之與用戶計算機環境中的某個方面一致。注意，如果沒有使用這些關鍵詞，至少要指定字體大小和字體系列。

可以按順序設置如下屬性：

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不設置其中的某個值，比如 font:100% verdana; 也是允許的。未設置的屬性會使用其默認值。

可能的值

拓展:

設置字體可以使用CSS font全部設置。也可以使用font-size、font-family之類的屬性進行單獨設置。

5、網頁設計中一般用什麼字體？

用默認的比較多，微軟雅黑也不錯

6、網頁設計中最常用的字體有哪些

中文網站一般默認就是宋體跟微軟雅黑，因為你的電腦上面的字體別的電腦上面不一定有，而宋體、微軟雅黑基本上是 Windows 自帶字體，如果考慮到用戶體驗，所以盡量避免用一些系統本身沒有的字體。

英文網站一律是 Verdana。
下面是常用默認字體的呈現及用法：
中易宋體（SimSun，TrueType），又叫簡體中文：Win最常見的字體，小字體點陣，大字體TrueType，但是大字體並不好看，所以最好別做標題。
微軟雅黑：Vista之後新引入的字體，打開Cleartype之後顯示效果不錯，不開Cleartype發虛。

Verdana：是一套無襯線字體，它在小字上有結構清晰端整、閱讀辨識容易等高品質表現，成為許多領域愛用的標准字型之一。
華文細黑：Mac下的默認中文。
Droid Sans和衍生的WenQuanYi Microhei：Andriod中的中文，也是Linux絕大多數發行版本的默認中文，，當然也有用WenQuanyi Zenhei的，不過比較少了。