css3 - 能否在CSS中定義“對特定字體的文本加粗”？
問題描述
比如我網站中用了Helvetica Neues Ultra Thin字體，我想讓所有用了這個字體的文字全部加粗，有辦法用CSS實現么？
我的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放到對應元素的類里的話就會有效果。
問題解答
回答1：是否可以這樣子，定義一個class
.helvetica-neues-ultra-thin-bold { font-family: ’Helvetica Neues Ultra Thin’; font-weight: ’bold’;}
然后想使用該字體的地方加上helvetica-neues-ultra-thin-bold這個class。
回答2：直接在這個字體樣式的下面加上一行:
font-weight: bold;
解決.
鑒于LZ貼上來的代碼 可以嘗試添加以下代碼:
font-weight: bold !important;
(你的代碼字體是從外部引用進來的 在不確定字體究竟有沒有 bold 的樣式 這個問題很難說. 不過在style標簽有效果的情況下 上面的代碼理論上也是有效果的)
相關文章：
1. 淺談vue生命周期共有幾個階段？分別是什么？2. index.php錯誤，求指點3. 視頻 - html5 video的autoplay 在智能手機上不運作？4. javascript - 百度坐標,返回目標附近有哪些坐標5. css3 - 使用less編譯css后，后期的項目中less是直接放在項目文件中，后期如何維護呢6. css3 - 在css里面，樣式不生效問題7. node.js - 在阿里云搭建vue環境后npm run dev 沒有看到vue歡迎頁面而是 UnhandledPromiseRejection8. javascript - Jquary的contains如何做到精準匹配9. html5 - 前端面試碰到了一個緩存數據的問題，來論壇上請教一下10. javascript - ui-router AngularJS url顯示正常 頁面沒有變化？
網公網安備