Question

我想制作卡纳达网站，因为我有很多内容，所以到目前为止我正在使用谷歌kannada翻译添加，但现在内容更多是他们的任何方式做嵌入kannada字体我试过这个链接{ {3}}但我无法得到它。

我试过这样：

@import url(http: //fonts.googleapis.com/earlyaccess/notosanskannada.css);
font-family: "Noto Sans Kannada Regular", serif; font-size: 19.0px; line-height: 1.11em;

Answer 1

您使用的代码存在三个问题：Google CSS文件的网址中的空格（网址不得包含空格），字体名称Noto Sans Kannada Regular（Google CSS文件定义{{1} }}，以及Noto Sans Kannada声明的外观（它必须出现在CSS规则中，由选择器，font-family字符，声明或声明组成，以及{{1} }字符）。以下作品：

示例代码的最后一行是Kannada文本，此处可能或可能不清晰，具体取决于系统中安装的字体。在网页上，由于使用了可下载的字体（通过Google 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> ಮುಖ್ಯ_ಪುಟ，因为当主要字体是此处的无衬线字体时，使用serif字体作为后备字体是不合逻辑的。

注意：正常文本将以Noto Sans Kannada的粗体字体显示为Noto Sans Kannada的粗体文本（默认情况下为标题）。您不应该使用斜体（如serif元素）来使用此字体显示可能包含Kannada中文本的元素。原因是谷歌没有提供斜体字体（正如你可以通过查看它的CSS file看到的那样），这使得浏览器通过算法倾斜字形生成“伪斜体”，这是一种糟糕的排版。

Answer 2

您应下载该字体，并将其存储在源文件夹中，然后使用此代码。

@font-face {
    font-family: Qwerty;
    src: url('qwerty.otf');
}

然后就这样使用它

font-family: Qwerty;

如何嵌入kannada字体？

2 个答案: