Html 从谷歌导入字体有问题,还是我只是做错了什么?
这是我在这里的第一个问题,如果我缺少一些必要的信息,请回答,我将添加信息: 好的,我的问题来自于从谷歌导入字体。在我的主页上,字体工作正常,看起来不错,但当我试图把它放在我网站的另一个页面上时,它就不再工作了。非常感谢您的帮助。以下是我认为解决这个问题所需的代码,我尝试了一些方法,但我被难倒了,我可能只是错过了一些非常简单的东西: 作品:Html 从谷歌导入字体有问题,还是我只是做错了什么?,html,css,Html,Css,这是我在这里的第一个问题,如果我缺少一些必要的信息,请回答,我将添加信息: 好的,我的问题来自于从谷歌导入字体。在我的主页上,字体工作正常,看起来不错,但当我试图把它放在我网站的另一个页面上时,它就不再工作了。非常感谢您的帮助。以下是我认为解决这个问题所需的代码,我尝试了一些方法,但我被难倒了,我可能只是错过了一些非常简单的东西: 作品: <!DOCTYPE html> <html lang="en"> <head> <title>Stev
<!DOCTYPE html>
<html lang="en">
<head>
<title>Steven Lambe -- Main</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Steven Lambe - Who I am, and what I do." />
<meta name="keywords" content="programmer, gamer, computer enthusiast, developer, designer, video games" />
<meta name="author" content="Steven Lambe" />
<link rel="shortcut icon" href="../favicon.ico" />
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/main-menu.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/styleIE.css" />
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</head>
不起作用:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Steven Lambe -- Who Am I?</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Steven Lambe - Who I am, and what I do." />
<meta name="keywords" content="programmer, gamer, computer enthusiast, developer, designer, video games" />
<meta name="author" content="Steven Lambe" />
<link rel="shortcut icon" href="../favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<link rel="stylesheet" type="text/css" href="../css/menu.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="../css/styleIE.css" />
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</head>
非常感谢您的帮助或指点:字体的文件名不是问题所在,因为它是两个页面中相同的绝对路径: 我确信问题在于你的css路径。 这个 与此相比,
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<link rel="stylesheet" type="text/css" href="../css/menu.css" />
这些将包括对IE实现的更改。正如开清在给你的评论中所说,我无法帮助你找到正确的路径,因为我不知道你的文件结构。如果第二个非工作页与第一个工作页位于同一位置,则文件应匹配。如果css文件夹是根目录的子文件夹,那么路径应该是/css/main.css等。这是我能说的最好的方法,您可以在不知道更多信息的情况下尝试。这显然是路径问题,因为../对您不起作用。由于您没有包括您的文件结构,我们可能无法明确说明具体原因。
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<link rel="stylesheet" type="text/css" href="../css/menu.css" />