如何正确使用Ubuntu字体

时间:2015-03-16 10:00:43

标签: html css ubuntu fonts

我尝试通过添加链接在我的页面中使用Ubuntu字体:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">

这是CSS:

body{
    font-family : Ubuntu;
}

它有效但有时字体无法识别像“č,ž”这样的斯洛伐克字符。这些是不同的字体(不是Ubuntu)。例如,在移动大小的屏幕中(当我在firefox =移动视图中按ctrl + shift + m时)。

你知道问题是什么吗?

4 个答案:

答案 0 :(得分:1)

我不知道斯洛伐克字体是否正确显示。也许你需要添加latin-ext(你需要检查latin-ext以查看它是否支持斯洛伐克字符。但是如果你在不同的浏览器上得到错误的字符,那是因为你没有明确设置字符集。将以下行添加到标题中:

<meta charset="utf-8">

这将强制浏览器以UTF-8显示网站,这将解决您的问题。

答案 1 :(得分:0)

请注意,该字体的链接显示为“subset = Latin”。这通常足以用于纯ASCII文本;对于具有变音符号的字符,您需要latin-ext,这意味着“扩展拉丁字符”。这个集合应该涵盖使用语言的欧洲,拉丁文脚本中使用的几乎所有字符(显然不是西里尔字母)。

可以在Google字体选择器的“字符集”标签中进行配置。

答案 2 :(得分:0)

如果网站的观看者在其设备中没有Ubuntu字体,请添加以下代码:

从外部提供商导入:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">

然后,将Ubuntu添加到您的字体系列列表中:

body { font-family: Ubuntu, "Times new roman", Arial, San-serif, Ubuntu; }

希望这会有所帮助。

答案 3 :(得分:0)

我道歉,导入外部提供商的代码:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">