1
あまりにも簡単な質問にはお詫び申し上げますが、実際にはCSSでプレイしなければならなかったので、何年も経っています。助けてくれてありがとう。フォントショートカットプロパティは機能しませんが、長さプロパティは機能します。どうして？
質問はのフォント特性に関するCSS宣言を簡略化して示しています。多くのテストの後、私はRoboto（100,300）を実際に動かすことができませんでした。 1つのフォントウェイトは、divがネストされているかどうかにかかわらず、もう一方は常にオーバーロードされます。ショートサンで書かれたときにはOpen Sansも失敗しましたが、個人とネストされたdivのために長さを使ってうまくいきました。どうしたの？ （font-familyとfont-sizeの組み合わせ： "font：32px san-serif;"もと尊敬されるようです）。
このCSSの書式設定が変更のみがフォーマル/手書きフォント、重量および色であるとともに、個人やネストされたdivのためを働きました。 をフォーマット
.div-1 {
font: 32px 'Open Sans', sans-serif;
color: #333;
font-weight: 300;
width: 800px;
padding: 10px;
margin: 10px;
border: 1px solid #333;serif
}
この速記 CSSは、いずれかまたは両方の重量や色、フォントの宣言にを含までを失敗しました：
.div-1 {
font: 32px #333 300 'Open Sans', sans-serif;
width: 800px;
padding: 10px;
margin: 10px;
border: 1px solid #333;serif
}
HTMLコード：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans|Roboto' rel='stylesheet'>
<link rel='stylesheet' type='text/css' href="../test.css">
</head>
<body>
<div class="div-1">This is Div-1 text</div>
<div class="div-2">This is Div-2 text</div>
<div class="div-3">This is Div-3 text</div>
<div class="div-3">This is Div-3 text
<div class="div-1">This is Div-1 text</div>
<div class="div-2">This is Div-2 text</div>
</div>
</body>
</html>
はあなたの驚くほど迅速な対応ありがとうございました - 私のベーコンを救いました。私はコーディングで2つの間違いを犯したようです。下のbuidingsramenからの返答は正しいです。もう1つの問題は、Googleのフォントリクエストで特定のフォントの重みを求めなければならないことです。私はロボトに頼みました、私は重量の完全な家族を得るだろうと仮定 - 動作しませんでした。特定の重量の変形をHTMLに含めると（カンマを忘れてしまい、原因を助けてくれなかった！）、フォントの色を取り除いて重量を最初に置くという助けを借りて仕事をした。 – Cardguy