1 頁 (共 1 頁)

建議字型用 em 為單位。

發表於 : 2011-03-16 , 14:19
KT
herb-tw 改 xmass 風格以來,總覺得畫面字型很小。一直很疑惑為什麼站長不改一下。
突然想到,站長可能是 IE 的愛好者,而我都是用 FF。我改用 IE 連進來,果然字就變大了一些。

我查一下這個網站的 CSS,字型是以 px 為單位,建議站長改為 em 為單位,這個相對於瀏覽器調整大小。

http://herb-tw.com/style.php?id=170&lang=zh_cmn_hant
body {
/* Text-Sizing with ems: http ://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 0px 0 0 0;
}

Re: 建議字型用 em 為單位。

發表於 : 2011-03-16 , 14:31
KT
補圖一張,供站長參考。
ff_ie.jpg

Re: 建議字型用 em 為單位。

發表於 : 2011-03-16 , 14:59
yehrussell
font-size: 10px

改成 font-size: 10em 嗎?
火狐我很少用,都用辜狗
剛看一下火狐瀏覽岐黃,字也不小阿
23.JPG

Re: 建議字型用 em 為單位。

發表於 : 2011-03-16 , 18:29
KT
改成 em 約 0.65 em, 0.7 em, 0.75 em 這幾個試試看 (沒裝 mode) 之前。

這幾個檔也要一起改:
./styles/XMass/theme/normal.css
./styles/XMass/theme/medium.css
./styles/XMass/theme/large.css

-------------------------------------

後來我再次查看一下原始碼,上述問題也許不是關鍵 (雖然理論上使用 em 比 px 更符合無障礙),我覺得內文字剛好,可是首頁的 tooltip 等字太小,我查一下你的原始碼,竟然有「font-size:」,可能 html 碼已寫入 font-size,造成 CSS 調不動這些內容:

代碼: 選擇全部

[<a href="javascript:showList('LIST_TOP')" style="font-size: 1.2em">最新</a>]&nbsp;&nbsp;
[<a href="javascript:showList('LIST_HOT')" style="font-size: 1.2em">熱門</a>]&nbsp;&nbsp;
你試著把這裡的 1.2 改成 1.8 看看會不會改善。不過要是我的話,我會改成:

代碼: 選擇全部

[<a href="javascript:showList('LIST_TOP')" class="handsome_KT">最新</a>]&nbsp;&nbsp;
[<a href="javascript:showList('LIST_HOT')" class="handsome_KT">熱門</a>]&nbsp;&nbsp;
另外在 CSS 檔加入:

代碼: 選擇全部

.handsome_KT {
	font-size: 1.8em;
}
原始碼還有其他地方有「font-size:」,你再找找看。

Re: 建議字型用 em 為單位。

發表於 : 2011-03-16 , 18:48
進藤ヒカル
russell耶 寫:font-size: 10px

改成 font-size: 10em 嗎?
火狐我很少用,都用辜狗
剛看一下火狐瀏覽岐黃,字也不小阿
不能直接改喔~這兩個是不同的單位,如果把10px改10em,字體會爆大到超恐怖喔~ ce13:
建議神算參考一下:

http://plog.longwin.com.tw/news-technol ... rence_2007
http://plog.longwin.com.tw/news-technol ... rence_2007

只要使用較大的px,不改em也無所謂,如果沒有想要隨意放大、縮小的需求。 ce13:

Re: 建議字型用 em 為單位。

發表於 : 2011-03-17 , 8:39
懸壺子
更換新風格,本風格TOP5外掛未更改字體大小
更改Top5 List v1.0.3字體大小
http://herb-tw.com/viewtopic.php?f=58&t=21146

來源:http://phpbb-tw.net/phpbb/viewtopic.php ... 58#p271858
更改字體大小
teddywish 寫:經過嘗試,在toplist_body.html中加上 font-size: 1.2em; (紅字) 便可,謝謝。

.toplist {
padding-right: 15px;
min-height: 14em;
}
.toplist li {
margin-top: 5px;
padding-left: 10px;
list-style-position:inside;
font-size: 1.2em;
}
儲存後, 清除論壇快取.

Re: 建議字型用 em 為單位。

發表於 : 2011-03-17 , 9:36
懸壺子
火狐瀏覽器解決方法,
首先到prosilver風格,如下圖,增大字體,
sshot-5.png
以後字體就會大了

Re: 建議字型用 em 為單位。

發表於 : 2011-03-21 , 16:30
KT
YA! 字變大了。

我慢慢體會出一個心得,和圖片相關的,要用 px 為單位,和文字相關的,要用 em 為單位。

最近因為新買了一個高解析度的螢幕,以前看起來還好的字,都變小了,將瀏覽器預設字型從 16 調至 20,結果自己網站的配置就有點兒秀逗,調整了數次 CSS,才體會出這個心得。