2011-12-14 5 views
0

これは私の最初の質問ですので、必要なものが不足している場合は返信し、情報を追加してください:)Googleからフォントをインポートする際の問題か、間違っているだけですか?

問題はGoogleからフォントをインポートすることに起因します。私のメインページでは、フォントが正常に動作しているように見えますが、私のサイトの別のページにフォントを配置しようとすると、フォントはもはや機能しません。どんな助けでも大歓迎です。ここで私は、この問題を解決するために必要だと思うのコードでは、私はいくつかのことを試してみたが、私は困惑し、私は完全にシンプルな何かが欠けていることができている:

作品:

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

doesnの「トンの仕事:それは両方のページでは、絶対パス(同じであるため、フォントに

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

すべてのヘルプやポインタが高く評価されている:)

+0

これは明らかにパスの問題です。なぜなら../はあなたのために働いていないからです。あなたがあなたのファイル構造を含んでいないので、私たちはこれを引き起こしていることを明確に言うことができないかもしれません。 –

答えて

0

ファイル名は問題ではありません: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/menu.css" /> 

ものに比べ この

<link rel="stylesheet" type="text/css" href="css/main.css" /> 
<link rel="stylesheet" type="text/css" href="css/main-menu.css" /> 

は同様にあなたのIEの実装に変更含まれるであろう。 Kai Qingがあなたのコメントで言ったように、私はあなたのファイル構造を知らないので、あなたが正しい道を手伝うことができません。 2番目の(動作していない)ページが最初の(作業中の)ページと同じ場所にある場合、ファイルは一致する必要があります。 "css"フォルダがルートディレクトリのサブフォルダである場合、そのパスは/css/main.cssなどでなければなりません。これは、私があなたにもっと知らないうちに試して言うことができる最高のものです。

関連する問題