主页 / ubuntu / 问题 / 16556
Accepted
takeshin
Asked: 2010-12-08 09:52:36 +0800 CST

在任何网页上嵌入 Ubuntu 字体

  • 772

考虑以下许可证：

如何在不让用户安装的情况下在任何网站上使用 Ubuntu 字体系列？
任何使用它的机会，如：http ://code.google.com/intl/en-US/apis/webfonts/

license websites ubuntu-font-family

3 个回答

  1. Best Answer

    有 2 种方法可以将 Ubuntu 字体嵌入您的网站 - 使用 Google 字体目录（首选）或使用@font-faceCSS 声明并手动转换字体。

    使用谷歌网络字体

    您现在可以将 Ubuntu 字体用作 Google 网络字体。这将使过程变得更加简单。这部分答案的大部分内容来自sladen的答案。

    为什么使用 Google Font API 是首选方法？

    使用 Google Font API 是一个很好的建议，因为它允许 webfonts 自动在所有现代浏览器上工作，而不必担心细节。使用字体 API 意味着访问者将始终自动看到最新版本的字体。

    如何使用 Google 字体 API？

    自 2010 年 12 月 21 日起，Ubuntu 字体系列现已包含在 Google 字体 API 中并可进行部署，请访问：

    您可以阅读有关该新闻的 Google Web Font 发布，然后：

    1. 打开 Google 字体目录：“ Ubuntu - 使用此字体”页面

    2. 从您的网页所需的常规、斜体、粗体和粗体斜体中勾选粗细和样式的组合。

      替代文字

    3. 如果默认设置不正确，请选择您需要的语言/脚本组合：带有英语示例的俄语网站可能使用“Cyrillic,Latin”。

      替代文字

    4. 在您的 HTML 页面或模板之间添加给定的<link>标签，并在您的.<head> ... </head><style> ... </style><head>

      例如，如果您正在创建俄语/英语混合网站并希望将字体用作所有文本的默认字体，您可以在标签之间添加以下代码<head>：

      <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、或. CSS 的正确组合特定于每个页面请求，并神奇地解决了这个难题。EOTSVGTTF

    使用@font-face

    您可以通过将 Ubuntu 字体转换为WOFF 字体来嵌入它们。然后，您可以使用 CSS @font-face 声明嵌入它们。字体（.ttf 文件）可以在/usr/share/fonts/truetype/ubuntu-font-family.

    例如，要使用转换为 WOFF 文件 Ubuntu-R.woff 的 Ubuntu Regular 字体，请使用以下 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 字体许可证以了解有关如何分发字体的确切条款。

    • 29

  2. 使用 Google Font API 是一个很好的建议，因为它允许 webfonts 自动在所有现代浏览器上工作，而不必担心细节。使用字体 API 意味着访问者将始终自动看到最新版本的字体。

    自 2010 年 12 月 21 日起，Ubuntu 字体系列现已包含在 Google 字体 API 中并可进行部署，请访问：

    您可以阅读有关该新闻的 Google Web Font 发布，然后：

    1. 打开 Google 字体目录：“ Ubuntu - 使用此字体”页面
    2. 从您的网页所需的常规、斜体、粗体和粗体斜体中勾选粗细和样式的组合。
    3. 如果默认设置不正确，请选择您需要的语言/脚本组合：带有英语示例的俄语网站可能使用“Cyrillic,Latin”。
    4. 将两行 CSS复制并粘贴到 HTML 页面或模板的<head> ... </head>和<style>...</style>部分。

    笔记：

    “拉丁语”是书写英语和许多其他欧洲和非洲语言的脚本。

    “子集”通过仅发送某些语言的字符来优化字体文件，每个字体大约 44 kB。目前显示的 168 kB 数字是针对所有 1,200 多个字形作为单个 Web 字体下载的——单个网站不需要大多数字形。

    Ubuntu字体文件会自动转换为不同浏览器的正确格式；根据品牌和版本，所需的格式为WOFF、或. CSS 的正确组合特定于每个页面请求，并神奇地解决了这个难题。EOTSVGTTF

    • 10

  3. 很长一段时间以来，服务器端字体渲染（可能是更好的“动态字体渲染”）一直是一个有趣的问题。

    从技术上讲，为了让机器显示特定字体，它应该已经在本地安装，这似乎是合乎逻辑的。

    另一方面，网页设计由于不得不坚持基本/众所周知的“网络字体”而损失了很多。

    CSS2.1 通过使用@font-face规则声明做了一些改进。
    它还没有成为标准，但它最终会与 CSS3 一起使用。

    除此之外，还有一些替代方法，例如：

    我希望提供的链接能让您更好地了解可以做什么；-)

    • 8

相关问题