在網頁開發中，我們經常會遇到需要使用外部字體的情況。這時，我們就會用到CSS的@font-face規則，將字體文件引入到網頁中。但是，有時候我們會發現引入的外部字體無法生效，這是為什么呢？

常見的引入外部字體無效的原因有以下幾個：

1.文件路徑錯誤
@font-face規則中需要指定字體文件的路徑，如果路徑錯誤或者文件夾名字有誤，就會導致字體無法加載。正確的路徑應該是相對于CSS文件的路徑。
例如：
@font-face{
font-family: 'myfont';
src: url('./fonts/myfont.ttf');           //相對于CSS文件的路徑
}
2.字體格式不正確
@font-face規則中需要指定字體文件的格式，不同的瀏覽器支持的格式也不同。如果字體文件格式不正確，瀏覽器就無法加載字體。
例如：
@font-face{
font-family: 'myfont';
src: url('./fonts/myfont.ttf'),          //ttf格式
url('./fonts/myfont.woff'),        //woff格式
url('./fonts/myfont.eot');            //eot格式
}
3.瀏覽器不支持外部字體
有些瀏覽器可能對外部字體的支持不夠完善，導致字體無法加載。我們可以通過在樣式中指定備用字體，來保證網頁的顯示效果。
例如：
body{
font-family: 'myfont', 'Helvetica', sans-serif;      //指定備用字體
}

總的來說，引入CSS外部字體無效主要是由于路徑錯誤、字體格式不正確或瀏覽器不支持外部字體等問題引起的。我們需要仔細檢查路徑和文件格式，同時添加備用字體，來保證我們的網頁顯示效果。