您使用的代码存在三个问题:Google CSS 文件的 URL 中的空格(URL 不得包含空格)、字体名称Noto Sans Kannada Regular
(Google CSS 文件定义Noto Sans Kannada
)以及font-family
声明的外观(它必须出现在 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>
ಮುಖ್ಯ_ಪುಟ
示例代码的最后一行是卡纳达语文本,此处可能清晰也可能不清晰,具体取决于系统中安装的字体。在网页上,由于使用了可下载的字体(通过 Google CSS 代码),它将清晰易读——除非用户拒绝使用可下载的字体,这种情况很少见。
我改为serif
,sans-serif
因为当主要字体是像这里这样的无衬线字体时,使用衬线字体作为后备字体是不合逻辑的。
注意:普通文本将以 Noto Sans Kannada 的常规字体显示,粗体文本(默认情况下在标题中)以 Noto Sans Kannada 的粗体字体显示。em
对于可能包含要使用此字体显示的卡纳达语文本的元素,您不应使用斜体(类似元素)。原因是谷歌没有提供斜体字体(你可以通过查看它的CSS 文件看到),这使得浏览器通过算法倾斜字形生成“假斜体”,这是不好的排版。