2013-06-27 50 views
0

我只是改變了網站的字體到非Web字體。問題是,字體非常薄,難以閱讀。所以我必須做一個快速修復,比如* { font-size:125% },當然這不起作用。整個網站每個字體大小增加比例

可以通過這個純CSS來實現?或者也許有一個乾淨的Javascript/jQuery方式?

我使用的是預製的主題,所以重新做了整個樣式表中EM是不是真的我的選擇,因爲有字體大小的125個實例定義的,通過開發人員工具欄中尋找。

+0

您可能想要使用'em' – jeremy

+0

您可能需要重新考慮爲整個網站的文字使用自定義字體:http://superuser.com/questions/547743/why-dont-websites-immediately-display -their-text-these-days – cimmanon

+0

「我正在使用預先製作的主題,因此重新制作em中的整個樣式表對我來說不是一個真正的選擇。」如何修改font-face選項,但不是字體大小?它是CSS,不是刻在石頭上的東西:覆蓋它。 – cimmanon

回答

0

嘗試:

body { font-size: 125%; } 

OR

body { font-weight: bold; } 
+0

身體選擇器不適用於每個元素。不幸的是, –

0

可以

body { font-size:125%!important }

+0

無法正常工作。 –

+0

我更新了我的答案,請檢查 –

-1

如果非Web字體不具有輔助字體用 「大膽」 的最後,除了字體大小之外,你不能真正改變它的屬性(粗體,斜體)。另外,使用「!important」的Michael Aguilar的css不正確,您需要在「!」之前放置空格。 所以,

* {font-size: 125% !important;} 

應該工作

+0

不,以前沒有必要的空間!重要 –

1

的唯一途徑純CSS要做到這一點是如果你使用相對字體大小開始。

body { 
    font-size: 125%; 
} 

h1 { 
    font-size: 2em; /* or 200% */ 
} 

如果您的字體大小都在一個固定的單元尺寸(如12像素)定義的,那麼你就必須要經過你的整個CSS文件並修改它們。

0

首先,要小心非標準Web字體爲沒有該字體的系統將回落到第二字體這將反過來導致意外的結果,即大字體都在屏幕上。

其次,爲什麼你必須重做整個網站?你宣佈字體大小多少次?一般而言,您應該只聲​​明大約6種不同的尺寸。 (H標籤除外)

這裏是EM的使用情況的說明一個不錯的博客,爲什麼它應該是你的字體大小的基礎http://clagnut.com/blog/348/

如果你的上一個黑客真正做起來熱衷。以上答案應該工作,或者甚至

body * {font-size: 125% } 

這樣就可以避免了!重要的。

以備將來參考,請查閱http://help.dottoro.com/lcsdaoxj.php這是一切事物的CSS,HTML和JavaScript迄今爲止最好的簡潔使用。

相關問題