使用したコードには 3 つの問題があります。Google CSS ファイルの URL 内のスペース (URL にスペースを含めることはできません)、フォント名Noto Sans Kannada Regular
(Google CSS ファイルで定義されているNoto Sans Kannada
)、およびfont-family
宣言自体の外観 (セレクター、{
文字、1 つまたは複数の宣言、および文字で構成される CSS ルール内に表示する必要があります}
)。以下の作品:
<!doctype html>
<meta charset=utf-8>
<title>Kannada test</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/notosanskannada.css);
body { font-family: "Noto Sans Kannada", sans-serif; font-size: 19.0px; line-height: 1.11em; }
</style>
Hello world!
<p>
ಮುಖ್ಯ_ಪುಟ
サンプル コードの最後の行はカンナダ語のテキストであり、システムにインストールされているフォントによって、判読できる場合と判読できない場合があります。Web ページでは、(Google CSS コードを介して) ダウンロード可能なフォントを使用することで読みやすくなります。ただし、ユーザーがダウンロード可能なフォントの使用を拒否していない限り、これはまれです。
ここのようにメインフォントがサンセリフフォントである場合、フォールバックフォントとしてセリフフォントを使用するのは非論理的であるため、に変更serif
しました。sans-serif
注: 通常のテキストは Noto Sans Kannada の通常の書体で表示され、太字のテキスト (デフォルトでは見出しのように) は Noto Sans Kannada の太字の書体で表示されます。このフォントを使用して表示されるカンナダ語のテキストを含む可能性のある要素には、イタリック (likeem
要素) を使用しないでください。その理由は、Google が斜体の書体を提供していない ( CSS ファイルを見ればわかるように) ためです。これにより、ブラウザは、アルゴリズムによってグリフを傾けて「偽の斜体」を生成します。これは悪いタイポグラフィです。