如何覆蓋 fonts 的 scss 變量？

Question

有沒有辦法覆蓋用於 fonts 的scss 變量。 我已經在整個網站上使用了字體變量，現在我需要專門為本地化網站更改字體。

我需要使用 html 中的:lang屬性覆蓋。 有沒有辦法覆蓋變量或任何實現想法來實現這一點。 我的想法是實現這樣的目標。 如果這可以通過任何方式實現，我們不需要在聲明此 fonts 的所有地方覆蓋。

$primary-font: 'Roboto';
:lang('fr') { $primary-font: 'locator' }

添加了我要解決的問題的代碼筆

Answer 1

我無法對此進行測試，但鑒於它編譯為 CSS 鍵值對，您可以使用

'locator !important'

我知道不是理想的編碼，但它可能有效

Answer 2

您必須將新分配的值作為 font-family 如下所示。

 $primary-font: 'Locator'; * { font-family: $primary-font; } [lang="fr"] { $primary-font: 'oswald'; font-family: $primary-font; }

 <div lang="fr"> <p>test frace</p> </div> <p>test normal</p>