字体后部署到生产环境

我的应用程序正在使用FONT-FAMILY是：字体后部署到生产环境

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

我部署（使用Capistrano的）到Apache网络服务器的服务器后，我可以访问它没有错误，但Ubuntu字体没有呈现。相反，Tahoma正在呈现。

环境：

操作系统：Ubuntu的LTS 12.0
应用服务器：Apache/2.2.22（Ubuntu的）
Web服务器：客运的Phusion版本4.0.37
的Rails：Rails的4.0 0.0
红宝石：红宝石1.9.3p125（2012-02-16的修订34643）[x86_64的Linux的]

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

来源

2014-03-30 SamuelDev

是Ubuntu的字体担当一个外部文件？ – emaillenin

其实，我不知道。在我的开发机器，即Windows 7中，我没有一个名为'Ubuntu'的字体，但是当我将它包含在我的CSS文件（app \ assets \ stylesheets \ ）的字体系列中时，，它正确显示在浏览器中。 – SamuelDev

底线是，这是不是在ubuntu字体为系统和标准的字体，你必须包含的字体文件与动态路径帮手，让他们在生产工作的结果

字体

正如我相信你知道的，字体必须从文件呈现。 Web safe字体是所有系统都有字体的字体......但是谁愿意玩这个字体呢？

Web fonts是比较新的，它允许您从一系列文件呈现vectorized字体。的FontSquirrel's web fonts generator或Google's font library喜欢 - 让你包括字体动态

你ubuntu字体是web font - 你需要与你的应用程序包，这样它会跨平台工作：

Ubuntu's WebFont collection

您现在可以通过CSS font_face_face机制使用Ubuntu字体系列作为webfont，自2010年12月21日起通过Google Font API支持该功能。谷歌字体API是一个跨浏览器系统，允许访问者看到Ubuntu字体系列的清晰度和美观，而不必担心他们本地安装的字体。

路径

您可以使用谷歌的字体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-31 10:02:11

Hi @Rich，好的我想通过我的样式表（app \ assets \ stylesheets \ bootstrap.css.scss），我有这行'@import url（// fonts.googleapis.com/css?family=Ubuntu ）;'。如果我选择了您提供的两个选项中的任意一个，我的应用仍然会连接到googleapis.com以获取字体权限？如果我的应用程序设置为“仅限Intranet”并且无法访问网络，那么选项2是否足以满足要求？ – SamuelDev

如果你正在寻找一个本地应用程序，你可以下载[ubuntu的字体]（http://font.ubuntu.com/download/ubuntu-font-family-0.80.zip）并使用[FontSquirrel的webfonts工具]（http://www.fontsquirrel.com/tools/webfont-generator）来创建一系列Web字体，可以使用上面使用的代码调用这些字体 –

字体后部署到生产环境

回答

相关问题