Question

这是我在这里的第一个问题，所以如果我错过了必要的回复，我会添加信息：）

好的，所以我的问题来自谷歌导入字体。在我的主页面上，字体正常工作并且看起来很好，但是当我尝试将它放在我网站上的另一个页面上时它不再有效。任何帮助是极大的赞赏。这是我认为解决这个问题所需的代码，我已经尝试了一些东西，但我很难过，我可能只是错过了一些简单的东西：

使用：

<!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>

非常感谢任何帮助或指示：）

Answer 1

字体的文件名不是问题，因为它是绝对路径（在两个页面中都相同：http://fonts.googleapis.com/css?family=Josefin+Slab）。

我确定问题出在你的css之路上。此

<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/main-menu.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等。这是我能说的最好的，你可以在不知道更多的情况下尝试。

从Google导入字体的问题还是我做错了什么？

1 个答案: