Html 如何嵌入卡纳达字体?

Html 如何嵌入卡纳达字体?,html,css,fonts,kannada,Html,Css,Fonts,Kannada,我想制作Kannada网站,因为我有很多内容,所以到目前为止我都在使用谷歌Kannada翻译添加内容,但现在内容更多了,所以他们的任何方法都可以嵌入Kannada字体。我尝试了这个链接,但我没能得到它 我试着这样做: @import url(http: //fonts.googleapis.com/earlyaccess/notosanskannada.css); font-family: "Noto Sans Kannada Regular", serif; font-size: 19.0px

我想制作Kannada网站,因为我有很多内容,所以到目前为止我都在使用谷歌Kannada翻译添加内容,但现在内容更多了,所以他们的任何方法都可以嵌入Kannada字体。我尝试了这个链接,但我没能得到它

我试着这样做:

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

您使用的代码有三个问题:Google CSS文件URL中的空格(URL不能包含空格)、字体名
Noto Sans Kannada Regular
(Google CSS文件定义
Noto Sans Kannada
),以及
字体系列
声明本身的外观(它必须出现在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>
ಮುಖ್ಯ_ಪುಟ

卡纳达试验
@导入url(http://fonts.googleapis.com/earlyaccess/notosanskannada.css);
正文{字体系列:“Noto Sans Kannada”,无衬线字体;字体大小:19.0px;线条高度:1.11em;}
你好,世界!

ಮುಖ್ಯ_ಪುಟ
示例代码的最后一行是Kannada文本,此处可能清晰,也可能不清晰,具体取决于系统中安装的字体。在网页上,由于使用了可下载字体(通过谷歌CSS代码),因此可以清晰阅读,除非用户拒绝使用可下载字体,这是很少见的

我将
衬线
更改为
无衬线
,因为当主字体是无衬线字体时,使用衬线字体作为回退字体是不合逻辑的


注意:正常文本将以Noto Sans Kannada的常规字体显示,而粗体文本(默认情况下与标题中的粗体文本相同)将以Noto Sans Kannada的粗体字体显示。您不应使用斜体(如
em
元素)用于使用这种字体显示可能包含卡纳达文字的元素。原因是谷歌没有提供斜体字体(通过查看字体可以看到),这使得浏览器生成“假斜体”通过算法倾斜字形,这是糟糕的排版。

您使用的代码有三个问题:Google CSS文件URL中的空格(URL不能包含空格),字体名
Noto Sans Kannada REQUIRAL
(Google CSS文件定义
Noto Sans Kannada
),以及
字体系列
声明本身的外观(它必须出现在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>
ಮುಖ್ಯ_ಪುಟ

卡纳达试验
@导入url(http://fonts.googleapis.com/earlyaccess/notosanskannada.css);
正文{字体系列:“Noto Sans Kannada”,无衬线字体;字体大小:19.0px;线条高度:1.11em;}
你好,世界!

ಮುಖ್ಯ_ಪುಟ
示例代码的最后一行是Kannada文本,此处可能清晰,也可能不清晰,具体取决于系统中安装的字体。在网页上,由于使用了可下载字体(通过谷歌CSS代码),因此可以清晰阅读,除非用户拒绝使用可下载字体,这是很少见的

我将
衬线
更改为
无衬线
,因为当主字体是无衬线字体时,使用衬线字体作为回退字体是不合逻辑的

注意:正常文本将以Noto Sans Kannada的常规字体显示,而粗体文本(默认情况下与标题中的粗体文本相同)将以Noto Sans Kannada的粗体字体显示。您不应使用斜体(如
em
元素)使用这种字体显示可能包含卡纳达文字的元素。原因是谷歌没有提供斜体字体(通过查看字体可以看到),这使得浏览器通过算法倾斜字形生成“假斜体”,这是一种糟糕的排版