これは私の最初の質問ですので、必要なものが不足している場合は返信し、情報を追加してください:)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>
すべてのヘルプやポインタが高く評価されている:)
これは明らかにパスの問題です。なぜなら../はあなたのために働いていないからです。あなたがあなたのファイル構造を含んでいないので、私たちはこれを引き起こしていることを明確に言うことができないかもしれません。 –