底线是,这是不是在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')
是Ubuntu的字体担当一个外部文件? – emaillenin
其实,我不知道。在我的开发机器,即Windows 7中,我没有一个名为'Ubuntu'的字体,但是当我将它包含在我的CSS文件(app \ assets \ stylesheets \)的字体系列中时, ,它正确显示在浏览器中。 –
SamuelDev