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

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

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

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

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

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

用鼠標(biāo)點(diǎn)擊"頁(yè)面屬性'，就會(huì)彈出這樣一個(gè)修改字體的小窗口，如圖，選擇"大小'的框。

鼠標(biāo)點(diǎn)擊"大小'，就會(huì)彈出一個(gè)下拉菜單，如圖所示，可以選擇自己想要的字體大小。

各位同學(xué)選擇好自己要的字體大小之后，就可以點(diǎn)擊旁邊確實(shí)定進(jìn)行修改了。

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

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

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

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

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

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

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

1.閱讀更容易

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

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

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

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

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

2.使制定更直觀

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

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

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

制定中的一切都將受益于重新思索字體尺寸，因?yàn)樗鼈児餐闯勺罱K的產(chǎn)品。所有編輯和重新思索如何放置的部分可以提升可用性，因?yàn)槟慊〞r(shí)間來評(píng)估制定中的各個(gè)元素，而不是像往常那樣按照相同的方式擺放所有的東西。

3.減少疲憊

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

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

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

變大字體和其他用戶界面元素是很重要的一個(gè)原因是，因?yàn)樗兄谡{(diào)整視覺顯示與物理顯示相匹配，從而為用戶提供更多的舒適感。

4.增加視覺沖擊力

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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