Question

尝试为整个身体设置外部字体，但不会发生任何变化。字体文件位于正确的位置。使用其他字体进行测试，如Times New Roman和字体也不会改变。

我正在使用bootstrap但是在bootstrap之后调用我的自定义css文件因此我相信它应该覆盖bootstrap。我在同一个文件中有其他自定义css正在执行其他代码。为了安全起见，我使用！important调用了font-family，并且没有任何更改。这里有什么问题。

<!-- html page to show how I place my css files. -->
<head>
    <title>A Title</title>
    <!-- Jquery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <!-- Bootstrap -->
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
    <script src="js/bootstrap.min.js"></script>

    <!-- Custom Files -->
    <link type="text/css" rel="stylesheet" href="css/styles.css">
    <script src="js/scripts.js"></script>
</head>  

/*styles.css file*/

@font-face {
    font-family: "KenzoCustom";
    src: url(kenzo-regular.otf);
}

body{
    background-color: #eaeaf4;
    /*font-family: "Times New Roman", Times, serif;*/ /*No change either*/
    font-family: KenzoCustom, serif; 
}

<!-- Working Code -->
@font-face {
    font-family: KenzoCustom;
    src: url('../fonts/kenzo-regular.otf');
}

body{
    background-color: #eaeaf4;
    font-family: KenzoCustom, serif;
}

Answer 1

有时父css应用于你必须使用的 font-family：＆＃34; KenzoCustom＆＃34;，serif！important;

无法更改网页的字体

1 个答案: