将kannada字体嵌入到网站

我想制作Kannada网站，因为我有很多内容，所以到目前为止我使用google kannada翻译器来添加，但现在内容更是如此是他们的任何方式来嵌入kannada字体我想这个链接http://www.google.com/fonts/earlyaccess但我无法得到它，帮我将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;

感谢，

ameeth

来源

2013-08-29 user2610240

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

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

，然后只用像这样

font-family: Qwerty;

来源

2013-08-29 08:56:20 Arturs

@ font-face这应该是css文件或html文件 – user2610240

您需要将.css或.html文件放在顶部。 – Arturs

我在我的html中试过这样的样式：font-family：NotoSansKannada-Regular; font-family：NotoSansKannada-Regular; src：url（'NotoSansKannada-Regular.ttf'）; } .Normal-P { margin：0.0px 10.0px 0.0px 0.0px;文本对齐：理由;字体重量：400; }但没有结果它是一个kannada字体 – user2610240

有三个问题你的代码已经使用：在谷歌的CSS文件的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的粗体字体显示的粗体文本（如默认标题中所示）。对于可能包含Kannada中的文本的元素，您不应使用斜体（如em元素）以使用此字体显示。原因在于Google不提供斜体字体（正如您可以通过查看其CSS file所看到的那样），并且这会使浏览器通过算法将斜体字体倾斜而产生“假斜体”，这是错误的版式。

来源

2013-08-29 12:05:33

将kannada字体嵌入到网站

回答

相关问题