如何在scss預處理器中添加字體？

Question

我在我的項目中添加了一個自定義字體，當我使用正常的CSS添加此字體時，它正常工作，但是當我在SCSS處理器CSS中使用此字體時，它不工作。

我在分享文件和控制檯錯誤的屏幕截圖。

我沒有找到我在做錯的地方。請解決我的問題。

Answer 1

該消息是相當多的不言自明的。問題是您正在使用=而不是:將值分配給變量。它應該是

$roboto-Regular: 'robotoregular'; 

---

不要與變量名等，具體的變量是爲了保持動態數據。如果明天，您將字體更改爲其他字體，使用roboto-Regular作爲變量名稱是沒有意義的。你應該使用類似

$base-font: 'robotoregular'; 
$fallback-font: 'Arial'; 

font-family: $base-font, $fallback-font;