Q&A
ありがとうございます。
Stylesのところで、「select this style」で種類を選べることに気づきませんできた。
選択すると貼り付ける<link>も変わりました。
無事実装できました。
ありがとうございました。
Noto Serif Japanese
コーディングをしています。
日本語フォントにNoto Serif Japaneseを使用したいのですが、うまくいきません。
GoogleFontsのサイドバーにあったとおりに試しました。
試したこと
HTMLの
<head>内に<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap" rel="stylesheet">
を入れました。
CSSにおいて。
対象の日本語に対して、
font-family: 'Pinyon Script', cursive;（Googleで記載されていたもの） font-family: 'NotoSerifJP-Medium; （上記でダメだったのでこれも試しました）
を記載しました。
フォントをダウンロードしないと使用できないのでしょうか。
どなたかおわかりでしたら御教示お願い致します。
回答3件
0
使用できるフォントはたくさんあります。Schriftarten.io でフォントを参照できます。
投稿2024/02/26 01:32
総合スコア2
0
ベストアンサー
URLが間違っている（別のフォントになっている）ので、必要なウエイトを選びなおすところから試されてはいかがでしょう。
HTML
1<link rel="preconnect" href="https://fonts.googleapis.com"> 2<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 3<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;700&display=swap" rel="stylesheet">
CSS
1 font-family: 'Noto Serif JP', serif;
【今さら聞けないNoto Sans JPなどのGoogle Fontsの使い方 | iwb.jp】
https://iwb.jp/noto-sans-serif-jp-google-fonts-css/
投稿2022/07/14 09:55
総合スコア69583
0
投稿2022/07/14 08:46
総合スコア1005
ありがとうございました。
他のフォントを使用する際にもスペーズに気を付けたいと思います。
フォントの仕様に沿った指定をしてください。
このフォントは単語ごとに区切ってありますが、他のフォントの場合、区切らなかったり等あるかと思うので、必ず使用するフォントのマニュアルを確認してください。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。