2015-04-01 42 views
0

我有我的一些文章.description {font-weight: lighter;font-size: 22px; }的字體是在桌面ligher但無法在手機上

font-weight屬性適用於桌面,但無法在手機上,這是爲什麼這個類?

當我縮放鉻我的桌面到移動的大小上的一切工作正常,而文字是輕如它應該的,但在移動它不是。

+0

您可能想要提供有關您正在使用的瀏覽器的信息,無論是在移動設備上還是在桌面設備上。 – Suchipi 2015-04-01 09:37:27

+0

這是兩個鉻。它不能識別移動設備上的字體重量,因爲我試圖設置900,這是巨大的,在桌面上,但不是在移動設備上。在移動設備上,它保持不變。 – 2015-04-01 09:44:16

回答

0

它的工作。問題是,當你調整到移動設備時,它可能看起來像你有更大的字體。您可能需要使用自適應設計,因此當屏幕尺寸較小時,字體重量會變小。

.description { 
font-weight: 500;font-size: 22px; 
} 

@media screen and (max-width: 500px) { 
    body { 
     font-weight: 300;font-size: 22px; 
    } 
} 

或類似的東西。您還可以將字體大小設置得更低,並且您的字體重量也可能更低。

+0

AHAHA不,我還沒有失明。如果我說它不起作用,那就不是。但感謝這次嘗試,我的問題不是媒體查詢字體(我所做的事)。只是在移動設備上,字體並不輕。 – 2015-04-01 09:35:01

+1

哦,我明白了。我想我第一次沒遇到你的問題。嘗試使用谷歌字體,如果你不使用它們也許可以解決它。對不起,無法回答。 – Daniel 2015-04-01 09:46:48

相關問題