網(wǎng)頁設(shè)計如何改變字體大小

第頁網(wǎng)頁設(shè)計如何改變字體大小網(wǎng)頁〔制定〕如何改變字體大小

網(wǎng)頁制定如何改變字體大小?以下就是網(wǎng)頁制定如何改變字體大小等等的介紹，希望為您帶來幫助。

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

第二步，我們來到Dreamweaver軟件的"制定'界面，如圖所示，選擇"制定'界面。

第三步，來到"制定'界面之后，我們來到界面最下邊的操作欄，如圖，選擇其中的"頁面屬性'。

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

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

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

如圖，這個就是我進行字體大小操作之后的文字截圖，字體大小已經(jīng)被修改了。

網(wǎng)頁制定中字體和字體大小的選擇

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

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

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

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

網(wǎng)頁制定字體大小

1.閱讀更容易

可讀性是一件大事。你為什么制定一個用戶難以閱讀的網(wǎng)站?

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

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

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

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

2.使制定更直觀

字體的大小有助于網(wǎng)站制定的整體可用性。

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

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

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

3.減少疲憊

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

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

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

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

4.增加視覺沖擊力

你希望你的網(wǎng)站制定可以讓用戶產(chǎn)生激烈的第一印象。較大的字體比較小的字體更具有激烈的視覺效果和沖擊力。大字體更容易被閱讀。

這些策略都有助于繼續(xù)地吸引用戶的注意力。

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

大一些的字體和增加的間距是大多數(shù)用戶不會看到或談?wù)摰脑?，但他們會意識到。這種體驗是很容易實現(xiàn)的，希望可以讓網(wǎng)站數(shù)據(jù)像網(wǎng)站駐留時間和訪問者數(shù)量一樣上升。

怎么改網(wǎng)頁字體大小

首先是IE瀏覽器，IE瀏覽器可以設(shè)置網(wǎng)頁字體大小。

打開IE瀏覽器后，看到左上角菜單里的"查看'選項，點擊后會有一個"字體大小'的選項，鼠標經(jīng)過后可以看到右側(cè)會有字體大小的幾個選項，默認都是"中'大小，選擇其他選項就是其他字體的大?。?/p>

然后看IE瀏覽器網(wǎng)頁大小的設(shè)置。

同樣剛剛的查看菜單，可以看到有一個"縮放'選項，鼠標經(jīng)過后可以看到右側(cè)一些百分比選項：

然后，這里再提一個瀏覽器通用的功能：改變網(wǎng)頁大小的快捷鍵"Ctrl'+'+/-";或者是"Ctrl'+'鼠標中間的滑輪"：

再看火狐瀏覽器，火狐瀏覽器也可以設(shè)置網(wǎng)頁字體大小，但不能直接設(shè)置。

當要改變網(wǎng)頁字體大小時，首先必須要依次點擊火狐瀏覽器左上角菜單里的"查看'、"縮放'，再選擇"僅文本縮放'：

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

再看搜狗瀏覽器，搜狗瀏覽器同樣可以設(shè)置網(wǎng)頁字體大小。

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

如果是網(wǎng)頁大小，除了上面說到的快捷鍵，還可以在查看菜單里的"縮放'，找到合適的比例：

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

點擊百度瀏覽器里右側(cè)"菜單'，然后就可以看到有個"縮放'了，自己調(diào)整即可：

360瀏覽器一樣有網(wǎng)頁大小設(shè)置無字體大小設(shè)置。

在菜單里"查看'，再看有個"網(wǎng)頁縮放'里有自由選擇項：