css3 - 能否在CSS中定義“對(duì)特定字體的文本加粗”?
問題描述
比如我網(wǎng)站中用了Helvetica Neues Ultra Thin字體,我想讓所有用了這個(gè)字體的文字全部加粗,有辦法用CSS實(shí)現(xiàn)么?
我的font-face定義如下:
@font-face { font-family: ’Helvetica Neue LT Std’; src: url('fonts/helvetica-neue-lt-std-25-ultra-light.eot'); src: url('fonts/helvetica-neue-lt-std-25-ultra-light.eot?#iefix') format(’embedded-opentype’), url('fonts/helvetica-neue-lt-std-25-ultra-light.woff') format(’woff’), url('fonts/helvetica-neue-lt-std-25-ultra-light.ttf') format(’truetype’), url('fonts/helvetica-neue-lt-std-25-ultra-light.svg#Helvetica Neue LT Std') format(’svg’); font-weight: bold;}
但是頁面上的字體沒有被加粗。如果我把font-weight:bold放到對(duì)應(yīng)元素的類里的話就會(huì)有效果。
問題解答
回答1:是否可以這樣子,定義一個(gè)class
.helvetica-neues-ultra-thin-bold { font-family: ’Helvetica Neues Ultra Thin’; font-weight: ’bold’;}
然后想使用該字體的地方加上helvetica-neues-ultra-thin-bold這個(gè)class。
回答2:直接在這個(gè)字體樣式的下面加上一行:
font-weight: bold;
解決.
鑒于LZ貼上來的代碼 可以嘗試添加以下代碼:
font-weight: bold !important;
(你的代碼字體是從外部引用進(jìn)來的 在不確定字體究竟有沒有 bold 的樣式 這個(gè)問題很難說. 不過在style標(biāo)簽有效果的情況下 上面的代碼理論上也是有效果的)
相關(guān)文章:
1. PHP單例模式2. 能用一臺(tái)nginx服務(wù)器既做反向代理又做web服務(wù)器嗎,還是一臺(tái)做反向代理一臺(tái)做web服務(wù)器3. css3圖標(biāo)4. java - C++ STL迭代器聲明的iterator和reverse_iterator實(shí)質(zhì)區(qū)別?是不同數(shù)值嗎?5. css3 - 圖文響應(yīng)式樣式6. javascript - react input file7. python 讀取csv文件可以讀取但內(nèi)容錯(cuò)誤,但單獨(dú)用excel打開正常,如何解決?8. css - transform-origin 旋轉(zhuǎn)參考點(diǎn)9. css3 - 如何實(shí)現(xiàn)字體顏色漸變?10. javascript - 除了VUE React 這類MVVM還有什么適合做SPA的,特別是里面涉及到Canvas Webgl?
