0

Google フォントで深刻な問題が発生しています。先週まで問題なく動作していましたが、それ以来、すべてのブラウザーとタブレットでの動作を停止しています。PC に手動でフォントをインストールすると、表示されるだけで正確には表示されません。

API のヘッダー コード:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>

CSS:

body { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; color: #4c4c4c; background: url('images/textures/header_bg1.png') no-repeat center top, url(images/textures/11.png) 0px 0px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, sans-serif; padding-bottom: 6px; color: #474747; line-height: 1em; font-weight: 300; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #2b2b2b; }
h1 { font-size: 41px; font-weight: 300; color: #5a5a5a; margin-top: 25px;  margin-bottom:5px;}
h2 { font-size: 30px; font-weight: 300; margin-top: 25px;  margin-bottom:5px;}
h3 { font-size: 23px; font-weight: 300; margin-top: 25px;  margin-bottom:5px;}
h4 { font-size: 18px; font-weight: lighter; margin-top: 25px;  margin-bottom:5px;}
h5 { font-size: 16px; font-weight: lighter; margin-top: 25px;  margin-bottom:5px;}
h6 { font-size: 14px; font-weight: lighter; margin-top: 25px;  margin-bottom:5px;}

p { font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; color: #4c4c4c; text-align: justify; margin-top: 10px; margin-bottom: 10px; line-height: 25px;}

私が取り組んでいるサイトへのリンク: http://www.bpcdev.co.uk

4

2 に答える 2

1

少し遅れたと思いますが、問題はGoogle自体にありました。Google FontsURL を から変更しました

Http

に

Https
于 2014-04-10T07:02:04.773 に答える
0

ヘッダーにフォントを適用するときは、CSS ルールで正しい font-weight が指定されていることを確認してください。

h1 
{
  font-family: Lobster, cursive;
  font-weight: 400;
}
于 2013-08-28T13:18:34.080 に答える