[css] 當使用@font-face的時候，為什么src中要加入local呢？

網上的說法片面不一，CSDN和掘金都沒見到正確回復，然后我在MDN找到了比較明確的說法。MDN的 @font-face 這是一個CSS @規則 ，它允許網頁開發者為其網頁指定在線字體。 通過這種作者自備字體的方式，@font-face 可以消除對用戶電腦字體的依賴。src 遠程字體文件位置的URL或者用戶計算機上的字體名稱， 可以使用local語法通過名稱指定用戶的本地計算機上的字體( i.e. src: local('Arial'); )。 如果找不到該字體，將會嘗試其他來源，直到找到它。代碼：@font-face { font-family: MyHelvetica; src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url(MgOpenModernaBold.ttf); font-weight: bold; } 用到了用戶本地字體"Helvetica Neue Bold"的備份；如果當前用戶(瀏覽器)未安裝該字體(兩種可能的字體名都已經試過)，就會用下載的字體"MgOpenModernaBold.ttf"來代替。意味著加入local后，代碼加載時會優先采用電腦資源，而不是從網絡加載，這個可以加快加載速度，提升用戶體驗感。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[css] 当使用@font-face的时候，为什么src中要加入local呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。