尝试在没有CDN的情况下包含字体真棒

时间:2017-03-31 22:31:10

标签: html css

在我出现之前,我只是想说我研究了这个问题,然后我看到了this发布并遵循了最高答案的指示,但仍然没有。

好的,这是我目录的图片:

enter image description here

fonts文件夹只是font-awesome下载附带的常规字体文件夹。然后我将css / font-awesome下的font-awesome附带的css文件放在下面:

enter image description here

以下是我的HTML代码的图片:

enter image description here

这是我的HTML代码:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Tinyone</title>

    <!-- CSS -->
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet" >
    <link href="css/font-awesome/font-awesome.min.css">

    <!-- jQuery/JS/Fonts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
</head> 

我必须遗漏一些东西,如果有人有任何想法,请你分享一下吗?

非常感谢你阅读,非常感谢。

1 个答案:

答案 0 :(得分:2)

路径都是正确的,但我忘了将rel="stylesheet"属性包含在font-awesome <link>中。

感谢RompePC向我指出这一点。