小编Hir*_*ima的帖子

如何链接到HTML文档中的.woff字体文件

我在计算机上安装了想要应用于HTML5 / CSS3的字体时遇到问题。

我的问题与可能重复的问题有何不同：它明确询问要在.html文件中放入什么，重复问题中未解决的问题。

解决问题后更新：

1）该<link href=....>行不得包含在.html文件中

2）.woff字体文件必须与.css文件位于同一目录中。

这是我最小的工作CSS：

@font-face{
    font-family: Reef;
    src: local('../Fonts/Reef/reef-webfont.woff'), url('../Fonts/Reef/reef-webfont.woff') format('woff');
}

body, h1, h2{   
    text-align:center;
    font-family: 'Reef', monospace; 
}

Run Code Online (Sandbox Code Playgroud)

这是我最小的工作HTML文件：

<html>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/
    libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript"></script>    

    <head>
        <link rel="stylesheet" type="text/css"   href="bootstrap.css" />
        <link rel="stylesheet" href="stylesGrilcheeserie.css" type="text/css"/>     
        <link href='../Fonts/Reef/reef-webfont.woff' rel='stylesheet' type='text/css'>
        <title> Grilcheeserie </title>          
    </head>

    <body>

        <h1>La Grilcheeserie</h1>       

    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

无论我做什么，页面都会显示其备用字体，等宽字体而不是Reef。

我的问题是：如何正确引用html中的字体来源？据我从搜索答案中得知，我的CSS应该是正确的。

我在Windows 10上使用Firefox。

html5 css3 font-face font-family

Hir*_*ima

2019 04-19

4
推荐指数

1
解决办法

2万
查看次数

在 Shopify Liquid 中的代码中搜索字符串

我正在寻找一个大型网站的 Shopify Liquid 文件中的特定 div，该网站是我刚接触的且不是我构建的。但是我必须一一检查文件，看看div是否在，效率很低。PHPStorm 编辑器具有 ctrl+shift+F 选项，可以在文件树状结构中搜索任何文件中的特定字符串。Shopify 有类似的产品吗？它是什么？

不要与以下内容混淆：