看板 EZsoft 關於我們 聯絡資訊
圖文教學版: http://edumeme.blogspot.com/2010/11/firefox.html 有些網頁一開始就把字型設的很小,造成閱讀時很不方便。家中父母 若年紀大了有老花的問題,那就更是吃不消。 昨天研習時,光明國中的吳建章組長就提到他現在因為老花的關係而 看不清許多網頁的內容;前一陣子 glglace 也在問說是不是有方法可 以調整網頁的字型大小?我想,調整字型大小這應該是許多人的需求 ,所以就來提一下吧! 『等一下!啊就用 Ctrl-+ 來調整頁面大小就好了啊,還需要調整什 麼字型?』嗯,事情沒有那麼簡單,我們就先來做一下實驗吧! 寫個用 8 號字整人的網頁 首先,我在 Notepad++ (類似 Windows 記事本的程式) 中寫一個簡單 的網頁,內容一共有三段:第一段用一般的字形大小;第二段用 8 號 字;第三段用 20 號字。 這一個網頁,在 IE 底下看的話,可以清楚看到三個段落字體大小有 很顯著的差異,第二段的字體小的像螞蟻一樣,真是找讀者的麻煩。 調整 IE 的字體 遇到這樣的問題你可能會想要把 IE 的字體放大,好,我們就來試看 看。從『檢視 ==> 字型 ==> 最大字型』這邊,我們把顯示的字型調 到最大。 ㄟ,結果是祇有第一段的字型變大;第二、三段的字體大小完全沒有 變化,中間這個段落還是很不容易閱讀。 這是因為 IE 的顯示字型祇對那些沒有做字型設定的段落有作用。第 二段 & 第三段我都事先指定字型大小 (分別為 8 號字 & 20 號字), 這時 IE 對它們就沒有作用了。 所以修改顯示字體大小後,第一段因為沒有指定字體大小所以隨之改 變;第二、三段就完全沒有變化。 好,我們還可以調整頁面的顯示比例,利用這一招應該就可以將字型 放大了。所以我們試著把頁面調整為 200% 的大小吧。 嗯,將畫面放大為 200% 之後,第二段的字體可以閱讀了,但是第三 段的字又變得過大了。一行才少少幾個字,變得要一直拉網頁才能繼 續閱讀。 這樣還是很不方便,弄得我們在閱讀不同網頁時,需要不斷的 Ctrl-+ & Ctrl-- 來調整頁面大小,這樣也很惱人。 顯然 IE 沒辦法達到我們的需求,放棄它吧。那麼,相同的網頁在 Firefox 底下又是呈現什麼模樣呢? 八年前我常看大陸的網頁,大陸的網頁設計者不知道在想什麼,都喜 歡用 8 號字來呈現網頁,根本是在找碴嘛! 為了舒適的觀看大陸網頁,所以我努力調整 IE,嗯,達不到我想要的 結果;調整 Firefox,Bingo,成功了,不管大陸的網頁設計為 8 號 字還是 7 號、6 號,甚至是 1 號字,我都能用最舒適的字體大小來 觀看。 要設定 Firefox 這樣顯示也很簡單,祇要在 Firefox 中,選擇『工 具 ==> 選項』就可以進入字體設定頁面。 進入選項頁面後就可以看到設定字體的選項,但是在這邊還無法達成 我們的需求,我們還要選擇『內容 ==> 進階』做進一步設定。 進入字型的進階設定後,有個『最小字型大小』的功能,這就是我們 所要的功能。我自己是設定為 16 號字,你可以自己調整。 我在這個功能設 16 號字的用意是:如果網頁上有任何小於 16 號的 字體,就以 16 號字顯示;如果超過 16 號字,就以網頁的設定為準 。 所以觀看剛剛的網頁時,第一段沒有指定字體大小,用 16 號字顯示 ;第二段是 8 號字,小於我們設定的 16 號字,因此以我們設定的 16 號字來顯示;第三段 20 號字,大於我們的設定值,因此以網頁預 定的 20 號字來顯示。 Firefox 這樣的設計比起 IE 的放大頁面方便的多。IE 的放大頁面會 讓原本就已經夠大的字體變得太大而不易閱讀,但 Firefox 就沒有這 樣子的困擾。顯見在字體大小設計這一點上,Firefox 是比 IE 來的 方便許多。 同場加映 Chrome 的設定方式 既然 Firefox 可以設定最小的顯示字體尺寸,那麼比 Firefox 晚出 現的 Google 瀏覽器 Chrome 可以有這樣的功能嗎? Chrome 也有字型設定選項,讓我們設定為 16 號字試看看……結果無 效。 我們在 Chrome 的設定頁中設定所有字型都要 16 號字,結果顯示時 還是沒有改變,Chrome 讓我們失望了。 其實 Chrome 是可以改變最小的字體尺寸的,祇不過比較麻煩一點, 必須要用記事本之類的程式直接修改 Chrome 的設定檔。 首先,請你關掉 Chrome,這樣我們才能編輯它的設定檔。 再來,請用記事本 (或類似的程式) 打開 Preferences 這個設定檔。 這個檔案存放在比較深的地方,要找一下。 1. 如果你用的是 Win7,這個設定檔的存放位置是: "C:\Users\使用者帳號\AppData\Local\Google\Chrome \User Data\Default\Preferences"   2. 如果你用的是 WinXP,那麼這個設定檔放在: "C:\Documents and Settings\使用者帳號\Local Settings\A pplication Data\Google\Chrome\User Data\Default\Preferences"   3. 而我用的是可攜版 ChromePlus,設定檔放在: "ChromePlus\ChromePlusUserData\Default\Preferences" 找到檔案後以記事本開啟,找到 webkit 這一個段落,在其中加入: "minimum_font_size": 16, 注意,引號 & 最後的逗號都不能省略喔。加好這一串文字後存檔。 設定好後,再開啟 Chrome 觀看剛剛的整人網頁,第二段就以 16 號 字呈現了。 利用設定最小顯示字體的功能,我們可以讓 Firefox & Chrome 無視 網頁設計者的整人設計,直接以對我們而言最舒適的字體大小呈現網 頁,這是非常人性化的一項設計。 如果家中有年紀大的人要上網,可以考慮改用這兩款瀏覽器。考慮設 定的難易程度,可能 Firefox 對於年紀大的使用者會更便利,祇要在 程式中點一點、選一選就可以設定好字體大小,哪天老花程度加重還 可以很容易的改變設定值,這樣長輩也可以自己改設定了。 圖文教學版: http://edumeme.blogspot.com/2010/11/firefox.html -- 我的教學部落格:http://edumeme.blogspot.com/ 實習路上:http://edumeme.blogspot.com/2009/08/preteacher.html 教學反思:http://tinyurl.com/RethinkOfTeaching 我在 Youtube 上的影片: http://tw.youtube.com/user/YukieChen -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.41.163.61
ateclean:Opera暗自淚 干__干 11/21 22:58
Yukie:呵,我沒有用過 Opera 說。所以沒辦法做介紹。 11/21 23:03
sivid:PUSH 11/21 23:51
Weal:Opera就字型的部分就能改了 要不設最小字型好像還不行... 11/22 00:48
Kreen:火狐可以試試看 NoSquint 套件,指定放大字型,並依網頁記憶 11/22 11:59
art1:推 NoSquint,我都設定成文字放大200% 11/22 12:33
ProGuy:Opera: ctrl+F12 >> 進階 >> 字型 >> 輸入16 >> 確定 11/22 13:23
ProGuy:花不到你10秒鐘 11/22 13:23
aeolus0829:推薦 fx addon : stylish ; chrome 有一個類似的 11/22 15:05
aeolus0829:運用 css ,可以一改所有網站,或是改單一網站的字型 11/22 15:05
raiechun:http://tinyurl.com/25jy2u2 火狐給你高度的自訂性 11/22 16:49
slinbody:GOOD 11/22 18:42
Yukie:raiechun: 其實我有黑色背景的 Blog:http://bit.ly/dmYnAg 11/22 23:37
Yukie:分享的人獲得最多!:) 講了一招,結果從大家身上學到很多招 11/22 23:39
sdyy:雖然我很久不用IE了 但IE選網際網路 協助工具 略過字型大小 11/23 01:04
sdyy:就可以啦 chrome 我都是用插件增大字形 chrome的放大縮小 11/23 01:06
sdyy:真得是爛到爆炸 字不給設 也不能預設所有網頁縮放 11/23 01:07
kuso0516:FX CTRL+滑鼠滾輪可以即時放大字體 11/23 23:21
theory:Safari 2 就有這個功能了,四五年前的事吧 ~~ 11/28 23:18
AlanLive:推 11/29 08:49
guyguy2:好文...還是火狐方便使用 12/06 08:14
juliette:推用心分享:D 12/06 22:17