0

我的应用程序使用的字体系列是：

font-family: 'Ubuntu', Tahoma, sans-serif;

在我将（使用 capistrano）部署到 Apache 网络服务器上的服务器后，我可以毫无错误地访问它，但不会呈现 Ubuntu 字体。相反，正在渲染 Tahoma。

环境：

  • 操作系统：Ubuntu 12.0 LTS
  • 应用服务器：Apache/2.2.22 (Ubuntu)
  • 网络服务器：Phusion Passenger 版本 4.0.37
  • 导轨：导轨 4.0.0
  • Ruby：ruby 1.9.3p125（2012-02-16 修订版 34643）[x86_64-linux]

我很乐意提供更多信息，请告诉我您需要什么。

4

1 回答 1

0

最重要的是，这是ubuntu字体不是系统标准字体的结果，您必须将字体文件包含在动态路径帮助程序中才能使它们在生产中工作

字体

我相信您知道，字体必须从文件中呈现。Web safe字体是所有系统都有字体的字体……但是谁想安全地玩呢！？

Web fonts相对较新，它允许您vectorized从一系列文件中渲染字体。FontSquirrel的网络字体生成器或Google 的字体库之类的——允许您动态包含字体

您的ubuntu字体是web font- 您需要将其与您的应用程序一起打包，以便它可以跨平台工作：

Ubuntu 的 WebFont 集合

您现在可以通过 CSS @font-face 机制将 Ubuntu 字体系列用作网络字体，自 2010 年 12 月 21 日起，通过 Google 字体 API 已支持此功能。Google Font API 是一个跨浏览器系统，允许访问者查看您的网站的 Ubuntu 字体系列的清晰和美观，而不必担心他们在本地安装了哪些字体。

路径

您可以使用 Google 的字体 api 来呈现字体，或者使用SCSS调用它们：

#app/views/layouts/application.html.erb
<%= stylesheet_link_tag "http://fonts.googleapis.com/css?family=Ubuntu" %>

或者

#app/assets/stylesheets/fonts.css.scss
@font-face
    font:
        family: 'Ionicons'
        weight: normal
        style: normal
        src: asset_url('layout/fonts/IonIcons/ionicons.eot?v=1.4.1')
        src: asset_url('layout/fonts/IonIcons/ionicons.eot?v=1.4.1#iefix') format('embedded-opentype'), asset_url('layout/fonts/IonIcons/ionicons.ttf?v=1.4.1') format('truetype'), asset_url('layout/fonts/IonIcons/ionicons.woff?v=1.4.1') format('woff'), asset_url('layout/fonts/IonIcons/ionicons.svg?v=1.4.1#Ionicons') format('svg')
于 2014-03-31T10:02:11.800 回答