網頁設計如何改變字體大小

網頁設計如何改變字體大小?以下就是網頁設計如何改變字體大小等等的介紹，希望為您帶來幫助。

第一步，打開Dreamweaver，然后找到要修改的文字，如圖，我就隨便的寫了幾個字來作說明。

第二步，我們來到Dreamweaver軟件的“設計”界面，如圖所示，選擇“設計”界面。

第三步，來到“設計”界面之后，我們來到界面最下邊的操作欄，如圖，選擇其中的“頁面屬性”。

用鼠標點擊“頁面屬性”，就會彈出這樣一個修改字體的小窗口，如圖，選擇“大小”的框。

鼠標點擊“大小”，就會彈出一個下拉菜單，如圖所示，可以選擇自己想要的字體大小。

各位同學選擇好自己要的字體大小之后，就可以點擊旁邊的確定進行修改了。

如圖，這個就是小編進行字體大小操作之后的文字截圖，字體大小已經被修改了。

網頁設計中字體和字體大小的選擇

一般字體的使用常為宋體。不要使用交生的字體，防止用戶因沒有安裝對應字體樣式造成顯示錯誤。此外windows系統也自帶了40多種英文字體樣式和5種中文字體樣式。這些字體的樣 式，你也可以在網頁設計排版時自由使用和設置不同的字體樣式。所以凡是使用了windows操作系統的瀏覽器都可以正確的顯示這些字體，但是在其它操作系統里也有顯示不正常的，例如unix就是不能全正確的顯示來。

所以不同操作系統都有不同的字體系統，但既然是字體，總有一些比較經典特殊常用的字體共同存在于各個系統中。例如無襯線的 Arial 字體，它產生和使用的時間比較早，同時在價格這塊交低廉，所以從早期就被 windows 操作系統使用，在其他的操作系統中，也會有較好的不同于默認字體的顯示效果，需要使用的用戶可以自行安裝。

網站建設中字體大小的選擇是用戶體驗中的一個重要部分，過大過小都會影響用戶體驗。在制作網頁的時候，我們可以根據文字在網頁中的不同位置和不同等級來分別使用不同大小的字體。相對來說，內容標題可以使用較大的字體，而內容小標題可以采用次一號的字體，而內容正文則可以采用正常大小的字體。

在CSS中，最常用的描述字體大小的單位有兩個，即em和px。通常認為em為相對大小單位，而px為絕對大小單位。但從實際應用中來講，px像素有時也像是一種相對大小單位。比如，在一塊15寸分辨率為800×600像素的屏幕上，10px大小的文字，要比一塊10寸分辨率1024×768像素的屏幕上的10px大小的文字顯得更大一些。px為像素單位，20px表示20個像素大小，在現在的網頁設計中，常被用來表示字體大小，方便且直觀。比如12px，14px就是用px作為字體大小，而16px為中等字體，18px為較大字體，12px為偏小字體。em為相對大小單位，它表示的字體大小不固定，根據基礎字體大小進行相對大小的處理。瀏覽器默認的字體大小為 16px，如果一段文字指定1em，那么就是代表16px大小，而2em就是32px大小。相對大小單位有很廣泛的用途，由于它的相對性，對跨平臺跨設備的字體大小處理上很有優勢，只是無法直觀的看到大小。

網頁設計字體大小

1.閱讀更容易

可讀性是一件大事。你為什么設計一個用戶難以閱讀的網站?

第一點是在Web上放棄對正文字體的純數值度量。無論你的字體是12pt還是16pt或22pt，如果無法讀取，這些都不重要了。(字體大小不是通用的，隨著字體的不同而不同。)正文應該與屏幕上的其他內容相稱，便于用戶可以從遠處看到。

一段時間的標準是，單列中的每行45到60個字符(包括標點符號和空格)是大多數讀者的理想長度。因此，你需要考慮最常見瀏覽器的尺寸、所使用的列的寬度以及適合該范圍的文字大小。記得調整相應的斷點。

對于較小的屏幕，范圍更緊密，大多數人都認為較大的字體更好。(行數范圍的一半。)

訣竅是創建一個適合閱讀的刻度。你要處理的文字尺寸越多，這就越重要。在逐行閱讀時，太寬的字體讓人難以集中精力; 太擁擠導致閱讀時眼睛移動太快，沒有一個很好的節奏。

2.使設計更直觀

字體的大小有助于網站設計的整體可用性。

如果所有字體按比例縮放，大字體可以幫助其他用戶界面元素(如導航鏈接或按鈕文本)尺寸的調整。它有助于整體流程。

大字體還可以幫助你更好地決定內容以及有選擇性的進行編輯，這對用戶來說是一件好事。這種精簡有助于將最重要的元素呈現在設計之上。請記住，用戶的關注時間很短， 那么他們需要了解的設計和如何與之交互的一切都必須一目了然。

設計中的一切都將受益于重新思考字體尺寸，因為它們共同拼成最終的產品。所有編輯和重新思考如何放置的部分可以提高可用性，因為你花時間來評估設計中的各個元素，而不是像往常那樣按照相同的方式擺放所有的東西。

3.減少疲勞

用戶疲勞是一個真實存在的問題。大多數人整天都在看屏幕，瀏覽手機、玩游戲、平板電腦、在電腦上工作或看電視。他們的眼睛已經很疲勞了。

大一些的字體可以幫助減少一些看屏幕的疲勞。

屏幕疲勞的另一個常見來源是移動設備，用戶必須通過屏幕獲取元素。大手機正在減少拇指容易觸及的區域，但較大的元素和字體可以幫助解決這個難題。

變大字體和其他用戶界面元素是很重要的一個原因是，因為它有助于調整視覺顯示與物理顯示相匹配，從而為用戶提供更多的舒適感。

4.增加視覺沖擊力

你希望你的網站設計可以讓用戶產生強烈的第一印象。較大的字體比較小的字體更具有強烈的視覺效果和沖擊力。大字體更容易被閱讀。

這些策略都有助于持續地吸引用戶的注意力。

使用大一些的字體的意外后果是設計中的其他元素都可能變大。大字體有助于你在設計中創造更多的空間。更多的空間通常會創造出更舒適的用戶體驗，也增加了對比的元素，有助于將吸引用戶到設計的部分。

大一些的字體和增加的間距是大多數用戶不會看到或談論的元素，但他們會意識到。這種體驗是很容易實現的，希望可以讓網站數據像網站駐留時間和訪問者數量一樣上升。

怎么改網頁字體大小

首先是IE瀏覽器，IE瀏覽器可以設置網頁字體大小。

打開IE瀏覽器后，看到左上角菜單里的“查看”選項，點擊后會有一個“字體大小”的選項，鼠標經過后可以看到右側會有字體大小的幾個選項，默認都是“中”大小，選擇其他選項就是其他字體的大小：

然后看IE瀏覽器網頁大小的設置。

同樣剛才的查看菜單，可以看到有一個“縮放”選項，鼠標經過后可以看到右側一些百分比選項：

然后，這里再提一個瀏覽器通用的功能：改變網頁大小的快捷鍵——“Ctrl” ” /-“;或者是“Ctrl” ”鼠標中間的滑輪“：

再看火狐瀏覽器，火狐瀏覽器也可以設置網頁字體大小，但不能直接設置。

當要改變網頁字體大小時，首先需要依次點擊火狐瀏覽器左上角菜單里的“查看”、“縮放”，再選擇“僅文本縮放”：

這樣再選擇放大或縮小，都是網頁字體的變化了，而網頁大小并不會變化，同時上面提到的快捷鍵方式一樣適用。如果需要網頁變大小，就需要剛才步驟去掉勾選“僅文本縮放”。如果改的太大或太小不知道什么比例才合適了，就可以點擊查看縮放里的“重置”：

再看搜狗瀏覽器，搜狗瀏覽器同樣可以設置網頁字體大小。

以搜狗四點幾的版本為例，看到“菜單”里的“文字大小”，就可以選擇字體的大小了：

如果是網頁大小，除了上面說到的快捷鍵，還可以在查看菜單里的“縮放”，找到合適的比例：

百度瀏覽器我沒有找到有改變字體的功能，但改變網頁大小的設置一樣有(除快捷鍵)。

點擊百度瀏覽器里右側“菜單”，然后就可以看到有個“縮放”了，自己調整即可：

360瀏覽器一樣有網頁大小設置無字體大小設置。

在菜單里“查看”，再看有個“網頁縮放”里有自由選擇項：

Chrome瀏覽器與百度瀏覽器差不多，同樣在右邊菜單打開后有“縮放”功能。

最后說一下網頁大小與網頁字體大小變化后的區別。

網頁字體變大或變小后，并不會給整個網頁的大框架發生改變，只是會在某的字體框架里變化，如：

而改變網頁大小的話，是把網頁整體改變大小，如變大了會撐出整個屏幕，需要移動滾動條才可以看到全部網頁內容