建議字型用 em 為單位。

對本論壇有好建議,歡迎提出建言!
KT
加油會員
加油會員
主題中的帖子: 4
文章: 42
註冊時間: 2011-01-20 , 2:19
個人狀態: 空轉…
性別: 機器人
來自: 墾丁
聯繫:

建議字型用 em 為單位。

文章: # 114818未閱讀文章 KT
2011-03-16 , 14:19

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;
}



KT
加油會員
加油會員
主題中的帖子: 4
文章: 42
註冊時間: 2011-01-20 , 2:19
個人狀態: 空轉…
性別: 機器人
來自: 墾丁
聯繫:

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

文章: # 114819未閱讀文章 KT
2011-03-16 , 14:31

補圖一張,供站長參考。
ff_ie.jpg
您沒有權限檢視這篇文章所附加的檔案。



頭像
yehrussell
忍辱、精進、靜慮、般若波羅密
忍辱、精進、靜慮、般若波羅密
主題中的帖子: 1
文章: 1120
註冊時間: 2006-01-20 , 10:19
個人狀態: 非常忙碌中!
性別: 公仔

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

文章: # 114821未閱讀文章 yehrussell
2011-03-16 , 14:59

font-size: 10px

改成 font-size: 10em 嗎?
火狐我很少用,都用辜狗
剛看一下火狐瀏覽岐黃,字也不小阿
23.JPG
您沒有權限檢視這篇文章所附加的檔案。


六度梵行

KT
加油會員
加油會員
主題中的帖子: 4
文章: 42
註冊時間: 2011-01-20 , 2:19
個人狀態: 空轉…
性別: 機器人
來自: 墾丁
聯繫:

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

文章: # 114940未閱讀文章 KT
2011-03-16 , 18:29

改成 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:」,你再找找看。



頭像
進藤ヒカル
VIP會員
VIP會員
主題中的帖子: 1
文章: 1258
註冊時間: 2007-03-25 , 21:28
個人狀態: 拼命拍照中
職稱: BNW站盟友
性別: だんせい
來自: insoler社群網站
聯繫:

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

文章: # 114941未閱讀文章 進藤ヒカル
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:


世界初、支援RAW相片的 insoler • 社群網站https://www.insoler.com
攝影書:「美食写真の達人」進藤ヒカル・著

頭像
懸壺子
系統管理員
系統管理員
主題中的帖子: 2
文章: 31850
註冊時間: 2001-10-05 , 10:10
個人狀態: 道骨學習佛心..^^..
貼心留言: 氣候不穩
性別: 公仔
來自: 黃金故鄉
聯繫:

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

文章: # 114951未閱讀文章 懸壺子
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;
}
儲存後, 清除論壇快取.


圖檔

頭像
懸壺子
系統管理員
系統管理員
主題中的帖子: 2
文章: 31850
註冊時間: 2001-10-05 , 10:10
個人狀態: 道骨學習佛心..^^..
貼心留言: 氣候不穩
性別: 公仔
來自: 黃金故鄉
聯繫:

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

文章: # 114952未閱讀文章 懸壺子
2011-03-17 , 9:36

火狐瀏覽器解決方法,
首先到prosilver風格,如下圖,增大字體,
sshot-5.png
以後字體就會大了
您沒有權限檢視這篇文章所附加的檔案。


圖檔

KT
加油會員
加油會員
主題中的帖子: 4
文章: 42
註冊時間: 2011-01-20 , 2:19
個人狀態: 空轉…
性別: 機器人
來自: 墾丁
聯繫:

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

文章: # 115095未閱讀文章 KT
2011-03-21 , 16:30

YA! 字變大了。

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

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



發表主題 回覆文章

回到「4‧建議區(問題反映)」