等效的css樣式，外鏈有效，內(nèi)嵌無效（不涉及優(yōu)先級問題），求解

引用fontello的iconfont，復(fù)制字符到html文件中。
目錄結(jié)構(gòu)如下：

其中magic.css內(nèi)容如下：

@font-face {
    font-family: 'fontello';
    src: url('../asserts/font/fontello.eot?98310639');
    src: url('../asserts/font/fontello.eot?98310639#iefix') format('embedded-opentype'), url('../asserts/font/fontello.woff?98310639') format('woff'), url('../asserts/font/fontello.ttf?98310639') format('truetype'), url('../asserts/font/fontello.svg?98310639#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

內(nèi)嵌，除了字體路徑做了相應(yīng)更改外原封不動：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* 內(nèi)嵌定義的字體無效 */

        @font-face {
            font-family: 'fontello';
            src: url('./asserts/font/fontello.eot?98310639');
            src: url('./asserts/font/fontello.eot?98310639#iefix') format('embedded-opentype'), url('../asserts/font/fontello.woff?98310639') format('woff'), url('../asserts/font/fontello.ttf?98310639') format('truetype'), url('../asserts/font/fontello.svg?98310639#fontello') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        span {
            font: 16px/30px fontello;
        }
    </style>
    <!-- <link rel="stylesheet" href="./css/magic.css"> -->
</head>

<body>
    <div>
        <span></span>
    </div>
</body>

</html>

效果如圖,亂碼：

接著外鏈：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* 內(nèi)嵌定義的字體無效 */

        /* @font-face {
            font-family: 'fontello';
            src: url('./asserts/font/fontello.eot?98310639');
            src: url('./asserts/font/fontello.eot?98310639#iefix') format('embedded-opentype'), url('../asserts/font/fontello.woff?98310639') format('woff'), url('../asserts/font/fontello.ttf?98310639') format('truetype'), url('../asserts/font/fontello.svg?98310639#fontello') format('svg');
            font-weight: normal;
            font-style: normal;
        } */

        span {
            font: 16px/30px fontello;
        }
    </style>
    <link rel="stylesheet" href="./css/magic.css">
</head>

<body>
    <div>
        <span></span>
    </div>
</body>

</html>

效果如下：

請問為什么效果會不同呢？感覺應(yīng)該是等效的引用。

系統(tǒng)：win10 專業(yè)版版本1067
瀏覽器：

回答

編輯回答