如何嵌入卡纳达字体?

use*_*240 2 html css fonts kannada

我想制作卡纳达语网站,因为我有很多内容,所以到目前为止我正在使用谷歌卡纳达语翻译器来添加,但现在内容更多,所以他们有什么方法可以嵌入卡纳达语字体我尝试了这个链接http:// www.google.com/fonts/earlyaccess但我无法获取它。

我尝试这样:

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

Juk*_*ela 5

您\xe2\x80\x99 使用的代码存在三个问题:Google CSS 文件的 URL 中的空格(URL 不得包含空格)、字体名称Noto Sans Kannada Regular(Google CSS 文件定义Noto Sans Kannada)以及字体的外观。font-family声明本身(它必须出现在 CSS 规则中,由选择器、{字符、一个或多个声明以及}字符组成)。以下作品:

\n\n
<!doctype html>\n<meta charset=utf-8>\n<title>Kannada test</title>\n<style>\n@import url(http://fonts.googleapis.com/earlyaccess/notosanskannada.css);\nbody { font-family: "Noto Sans Kannada", sans-serif; font-size: 19.0px; line-height: 1.11em; }\n</style>\nHello world!\n<p>\n\xe0\xb2\xae\xe0\xb3\x81\xe0\xb2\x96\xe0\xb3\x8d\xe0\xb2\xaf_\xe0\xb2\xaa\xe0\xb3\x81\xe0\xb2\x9f\n
Run Code Online (Sandbox Code Playgroud)\n\n

示例代码的最后一行是卡纳达语文本,此处可能清晰也可能不清晰,具体取决于系统中安装的字体。在网页上,由于使用了可下载字体(通过 Google CSS 代码)\xe2\x80\x93,它将变得清晰易读,除非用户拒绝使用可下载字体,这种情况很少见。

\n\n

我更改serifsans-serif,因为当主要字体是像这里这样的无衬线字体时,使用衬线字体作为后备字体是不合逻辑的。

\n\n

注意:普通文本将以 Noto Sans Kannada 的常规字体显示,粗体文本(默认情况下在标题中)将以 Noto Sans Kannada 的粗体字体显示。em对于可能包含要使用此字体显示的卡纳达语文本的元素,不应使用斜体(类似元素)。原因是 Google 不提供斜体字体(通过查看其CSS 文件可以看到),这使得浏览器通过算法倾斜字形生成 \xe2\x80\x9cfake italic\xe2\x80\x9d,这是不好的排版。

\n