在项目 HTML 中插入本地字体库?
Insert local font libraries in project HTML?
各位!
我的老师通知我,所有对外部库的要求都必须包含在项目中。
如何在我的项目中本地插入网络字体。这是项目的索引代码。
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Tue Sep 01 2020 19:19:23 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5f15f8c6e58e17915e819bcf" data-wf-site="5f15f8c6e58e175a9e819bcd">
<head>
<meta charset="utf-8">
<title>Departamento Pessoal - Aula 2</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/move-edu-depart-pessoal-a2.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body-inicio" onload="startClass(002)">
<div class="conteudo-slide">
<div class="fundo-abertura">
<div class="div-titulo-inicio">
<p data-w-id="d0feee87-2d53-3876-df7e-a60a3c6aedfe" style="opacity:0" class="titulo-inicio">Departamento<br>Pessoal <br><span class="span-marcador frase-destaque">Aula 2</span></p><a data-w-id="84f0b640-f50c-9c7b-c52b-2e3e14d52f39" style="opacity:0" href="video-de-introducao.html" class="button w-button">Iniciar</a></div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f15f8c6e58e175a9e819bcd" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<script src="js/dBaseIO.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>
他们的意思是您必须下载您正在添加的脚本的副本,而不是在外部引用它们,您将在本地文件夹中引用它们。
假设您的 HTML 文件存储在 C:/MyWebSite/index.html 中。您想要在 MyWebSite 中创建一个名为脚本的额外文件夹,并且您将在此文件夹中保存您在此处引用的脚本:
<link href="css/move-edu-depart-pessoal-a2.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f15f8c6e58e175a9e819bcd" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
您已经有一个这样做的例子:
<script src="js/webflow.js" type="text/javascript"></script>
这是您项目中名为 js 的文件夹,您在其中存储了一个名为 webflow.js.
的文件
各位!
我的老师通知我,所有对外部库的要求都必须包含在项目中。
如何在我的项目中本地插入网络字体。这是项目的索引代码。
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Tue Sep 01 2020 19:19:23 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5f15f8c6e58e17915e819bcf" data-wf-site="5f15f8c6e58e175a9e819bcd">
<head>
<meta charset="utf-8">
<title>Departamento Pessoal - Aula 2</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/move-edu-depart-pessoal-a2.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body-inicio" onload="startClass(002)">
<div class="conteudo-slide">
<div class="fundo-abertura">
<div class="div-titulo-inicio">
<p data-w-id="d0feee87-2d53-3876-df7e-a60a3c6aedfe" style="opacity:0" class="titulo-inicio">Departamento<br>Pessoal <br><span class="span-marcador frase-destaque">Aula 2</span></p><a data-w-id="84f0b640-f50c-9c7b-c52b-2e3e14d52f39" style="opacity:0" href="video-de-introducao.html" class="button w-button">Iniciar</a></div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f15f8c6e58e175a9e819bcd" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<script src="js/dBaseIO.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>
他们的意思是您必须下载您正在添加的脚本的副本,而不是在外部引用它们,您将在本地文件夹中引用它们。
假设您的 HTML 文件存储在 C:/MyWebSite/index.html 中。您想要在 MyWebSite 中创建一个名为脚本的额外文件夹,并且您将在此文件夹中保存您在此处引用的脚本:
<link href="css/move-edu-depart-pessoal-a2.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f15f8c6e58e175a9e819bcd" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
您已经有一个这样做的例子:
<script src="js/webflow.js" type="text/javascript"></script>
这是您项目中名为 js 的文件夹,您在其中存储了一个名为 webflow.js.
的文件