- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想制作卡纳达语网站,因为我有很多内容,所以到目前为止我正在使用谷歌卡纳达语翻译器添加,但现在内容更多,所以他们有什么方法可以嵌入卡纳达语字体我尝试了这个链接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;
最佳答案
您使用的代码存在三个问题:Google CSS 文件的网址中存在空格(网址不得包含空格)、字体名称 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
元素)。原因是 Google 不提供斜体字体(您可以通过查看其 CSS file 看到),这使得浏览器通过算法倾斜字形生成“假斜体”,这是糟糕的排版。
关于html - 如何嵌入卡纳达字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18506280/
我有一个流 randStream,它每半秒发出一次随机值,还有一个 boolStream,它将值从 randStream 转换为 bool 值。 let randStream = Kefir.from
我是一名优秀的程序员,十分优秀!