在任何网页上嵌入 Ubuntu 字体
tak*_*hin 18 license websites ubuntu-font-family
考虑像这样的许可证：
如何在不让用户安装的情况下在任何网站上使用 Ubuntu 字体系列？
任何将其与以下工具一起使用的机会：http : //code.google.com/intl/en-US/apis/webfonts/
dv3*_*0ea 29
您可以通过两种方法将 Ubuntu 字体嵌入您的网站 - 使用 Google 字体目录（首选）或使用@font-faceCSS 声明并手动转换您的字体。
使用 Google 网络字体
您现在可以将 Ubuntu 字体用作 Google 网络字体。这将使过程简单得多。这部分回答的大部分内容来自sladen的回答。
为什么使用 Google Font API 是首选方法？
使用 Google Font API 是一个很好的建议，因为它允许 webfonts 自动在所有现代浏览器上工作，而不必担心细节。使用字体 API 意味着访问者将始终自动看到最新版本的字体。
如何使用 Google 字体 API？
自 2010 年 12 月 21 日起，Ubuntu 字体系列现已包含并可从 Google Font API 部署，请访问：
您可以阅读有关该新闻的 Google Web Font 帖子，然后：
打开谷歌字体目录：“ Ubuntu - 使用这种字体”页面
在常规、斜体、粗体和粗斜体中勾选您的网页所需的粗细和样式组合。
如果默认设置不正确，请选择您需要的语言/脚本组合：带有英语示例的俄语网站可能会使用“西里尔文、拉丁文”。
在 HTML 页面或模板
<link>之间添加给定的标记，<head> ... </head>并<style> ... </style>在<head>.例如，如果您正在创建俄语/英语混合网站并希望使用该字体作为所有文本的默认字体，您可以在
<head>标签之间添加以下代码：
Run Code Online (Sandbox Code Playgroud)<link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=cyrillic,latin' rel='stylesheet' type='text/css' /> <style type="text/css" > body { font-family : 'Ubuntu', sans-serif; } </style>
注意事项：
“拉丁语”是英语和许多其他欧洲和非洲语言的书写脚本。
“子集”通过仅发送某些语言的字符来优化字体文件，每个字体约为 44 kB。目前显示的 168 kB 数字适用于所有 1,200 多个字形作为单个 Web 字体下载 - 单个网站不需要大多数。
Ubuntu 字体文件会针对不同的浏览器自动转换为正确的格式；根据品牌和版本要求的格式是WOFF，EOT，SVG或TTF。CSS 的正确组合特定于每个页面请求，并神奇地解决了这个难题。
使用@font-face
您可以通过将Ubuntu 字体转换为WOFF 字体来嵌入它们。然后您可以使用 CSS @font-face 声明嵌入它们。字体（.ttf 文件）可以在/usr/share/fonts/truetype/ubuntu-font-family.
例如，要使用 Ubuntu Regular 字体，转换为 WOFF 文件 Ubuntu-R.woff，请使用以下 CSS 代码：
@font-face
{
font-family : "Ubuntu-R";
src: url('Ubuntu-R.woff');
}
同样对于 Ubuntu Bold：
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-B.woff');
font-weight : bold;
}
Ubuntu 斜体：
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-I.woff');
font-style : italic;
}
Ubuntu 粗斜体：
@font-face
{
font-family : "Ubuntu";
src: url('Ubuntu-BI.woff');
font-weight : bold;
font-style : italic;
}
所有最近的浏览器都支持这一点。
注意事项
请记住，有些用户将他们的浏览器设置为使用一组特定的字体，如果使用自定义字体，可能会感到恼火。另外，请阅读Ubuntu 字体许可证以获取有关如何分发字体的确切条款。
sla*_*den 10
使用 Google Font API 是一个很好的建议，因为它允许 webfonts 自动在所有现代浏览器上工作，而不必担心细节。使用字体 API 意味着访问者将始终自动看到最新版本的字体。
自 2010 年 12 月 21 日起，Ubuntu 字体系列现已包含并可从 Google Font API 部署，请访问：
您可以阅读有关该新闻的 Google Web Font 帖子，然后：
- 打开谷歌字体目录：“ Ubuntu - 使用这种字体”页面
- 在常规、斜体、粗体和粗斜体中勾选您的网页所需的粗细和样式组合。
- 如果默认设置不正确，请选择您需要的语言/脚本组合：带有英语示例的俄语网站可能会使用“西里尔文、拉丁文”。
- 将两行 CSS复制并粘贴到HTML 页面或模板的
<head> ... </head>和<style>...</style>部分。
笔记：
“拉丁语”是英语和许多其他欧洲和非洲语言的书写脚本。
“子集”通过仅发送某些语言的字符来优化字体文件，每个字体约为 44 kB。目前显示的 168 kB 数字适用于所有 1,200 多个字形作为单个 Web 字体下载 - 单个网站不需要大多数。
Ubuntu 字体文件会针对不同的浏览器自动转换为正确的格式；根据品牌和版本要求的格式是WOFF，EOT，SVG或TTF。CSS 的正确组合特定于每个页面请求，并神奇地解决了这个难题。
很长一段时间以来，服务器端字体渲染（可能更好的“动态字体渲染”）一直是一个有趣的问题。
从技术上讲，为了让机器显示特定字体，它应该已经在本地安装，这似乎是合乎逻辑的。
另一方面，网页设计由于必须坚持使用基本/众所周知的“网页字体”而损失惨重。
CSS2.1 通过使用@font-face规则声明做了一些改进。
它尚未成为标准，但最终将与 CSS3 一起使用。
除此之外，还有一些替代方法，例如：
我希望提供的链接能让您更好地了解可以做什么;-)
| 归档时间： |
|
| 查看次数： |
14360 次 |
| 最近记录： |