Googleから新しいフォントをプロジェクトにインポートしようとすると、インポートする場所によって異なるフォントが生成されます。誰かがあなたがCSSで間違ったそれをインポートフォントをcssまたはhtmlにインポートしていますか?
0
A
答えて
1
を説明してもらえます。次を使用します。それは、自分自身を<link>
あなたはCSS得ることができます(あなたが許可されていない、あなたのCSS部分、内側にHTML <link>
要素を配置した
@import url(https://fonts.googleapis.com/css?family=Lobster);
-1
、しかし、HTMLです要素)なぜそれがあなたのために働いていないのですか?
あなたのHTMLの例は機能しますが、そこにも<link>
要素が正しい場所にない場合は、その例の<body>
にあります。
<link>
要素の正しい場所がなく、<head>
セクション、このような内部<style>
要素の内部<head>
セクション内にある:CSSは、単にあなたを意味カスケーディング・スタイル・シートの略
<html>
<head>
<link rel="stylesheet" href=". . . ">
<style>
h1 {font-family:lobster;}
</style>
</head>
<body>
</body>
<html>
-2
あなたのHTMLコンテンツにスタイルを与えることができます。
しかし、あなたは、このフォントがちょうどfont-family: "lobster"
を入力し、あなたがHTML
@font-face {
font-family: lobster;
src: url(http://fonts.gstatic.com/s/lobster/v16/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2);
}
とあなたのCSSのIDまたはクラスでも、CSSを通じてそのフォントをロードすることができます
関連する問題
- 1. HTMLはCSSファイルをインポートしません
- 2. CSS - フォントはローカルのttfファイルからインポートされませんか?
- 3. 別のCSSから.cssをインポートしていますか?
- 4. vueJS + webpack:フォント、CSS、ノードモジュールのインポート
- 5. CSS標準で必須フォントを定義していますか
- 6. HTMLインポートされたフォントがウェブサーバーではなくローカルで動作しています
- 7. W3.cssファイルのインポート時にGoogleフォントが機能しない
- 8. VueJSでフォントを使用してCSSファイルをインポート
- 9. フォントの問題CSS/html
- 10. 反応コンポーネントがフォントをインポートしないawesome less/cssファイル
- 11. HTML CSSグラディエント - 私はすべてを試してみました
- 12. HTML/CSSはコンテンツの自動/スケーリングをサポートしていますか?
- 13. SceneBuilder(by gluon)は、インポートされたフォントを表示しません
- 14. ローカルHTMLファイルをHTMLファイルにロード、インポートまたはインクルードする
- 15. CSS - Googleフォント(Montserrat)がブートストラップ標準フォントをオーバーライドしていない
- 16. jQuery .htmlフォントを変更しています
- 17. phpまたはhtml、css、js
- 18. Mathjaxフォールバック:(。私はSTIXフォントを使用していますが、問題は同様にTeXのフォントに関連する)HTML-CSSのwebfontが
- 19. 同じHTMLファイルまたは他の.CSSファイルでCSSを使用していますか?
- 20. CSS TransformまたはFlexboxを中心にサポートしていますか? CSSでセンタリング
- 21. CSSはfont-familyの各フォントのフォントサイズを指定しますか?
- 22. 12px/13pxはCSSフォント宣言で何をしますか?
- 23. HAMLでHTMLスニペットをインポートしますか?
- 24. ブラウザがどのフォントを使用していてCSSを使用しているかを確認しますか?
- 25. マウスオーバーでフォント色を変更し、javascriptまたはhtmlをクリックします。
- 26. 適切なHTML + CSSを使用してインラインスタイルのHTMLを生成するツールはありますか?または:
- 27. CSSとCSSの両方に埋め込まれたフォント
- 28. CSSフォントの色を変更するためのHTMLフォーム入力
- 29. インポートされたフォントが特定のソースからロードされていません
- 30. HTMLとCSSを使用して本文にオーバーフローしますか?
OPがリンクしているスタイルシートのように見えますが、既に@importが入っています。この場合、必要なのはリンクだけです。 –
リンクとリンクはどちらですか?私はそれを見ない。 – Cozmoz
リンク要素がリンクしているファイル(GoogleのFont API)には、フォントが動作するために必要なものがすべて含まれていると思うので、link要素を使ってファイルにリンクすると問題はありません。 –