Tag: 字体

生产中的字体问题envirnment rails: 我制作了一个rails（4.2.4）应用程序，它在开发环境中运行良好，但是当我在数字海洋上部署它时，它没有得到字体，有一个像 Failed to load resource: the server responded with a status of 404 (Not Found) 跟路一样 http://Server-IP/assets/raleway-bold.woff2 我尝试了许多组合来提供路径，但除了一个之外都是徒劳的，它在开发中有效，但在生产中却没有。我的资产结构差别不大 assets – fonts – javascripts – stylesheets – admin – web – application.js – fonts.cs – application.cs 并在fonts.cs我提供路径 @font-face { font-family: ‘dpdidot_htfm96medium’; src: url(‘/assets/dp_didot-htf-m96-medium-webfont.eot’); src: url(‘/assets/dp_didot-htf-m96-medium-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘/assets/dp_didot-htf-m96-medium-webfont.woff2’) format(‘woff2’), url(‘/assets/dp_didot-htf-m96-medium-webfont.woff’) format(‘woff’), url(‘/assets/dp_didot-htf-m96-medium-webfont.ttf’) format(‘truetype’), url(‘/assets/dp_didot-htf-m96-medium-webfont.svg#dpdidot_htfm96medium’) format(‘svg’); font-weight: […]

Rails资产管道使用字体和纱线: 我有一个现有的rails应用程序，我正在一个单独的分支机构实施yarn来管理我的供应商资产。我的应用程序堆栈是： ruby2.4.0 铁轨5.1.4 节点9.4.0 纱线1.3.2 安装yarn之后，我运行了yarn init ，它在项目根目录中生成了一个package.json。添加几个包后，它看起来像： # package.json { “name”: “my-project-name”, “version”: “1.0.0”, “private”: true, “repository”: “my-repo”, “author”: “me”, “license”: “MIT”, “dependencies”: { “bootstrap”: “3”, “font-awesome”: “^4.7.0”, “jquery”: “^3.3.1”, “jquery-backstretch”: “^2.1.16”, “jquery-ujs”: “^1.2.2”, “waypoints”: “^4.0.1” } } 我在app / assets下创建了几个文件，用于包含来自node_modules样式表和javascripts： # app/assets/javascripts/node_modules.js //= require jquery //= require jquery-ujs //= require bootstrap/dist/js/bootstrap.min.js […]

Rails 4 – 自定义字体: 目前我尝试将自定义字体添加到我的Rails 4应用程序中。我将所有字体添加到assets/fonts 我将config.assets.paths << Rails.root.join("app", "assets", "fonts")到config/application.rb 我在我的style.css添加了脚本 @font-face { font-family: ‘oxygenregular’; src: url(font-path(‘oxygen-regular-webfont.eot’) + “?#iefix”) format(’embedded-opentype’), url(font-path(‘oxygen-regular-webfont.woff’)) format(‘woff’), url(font-path(‘oxygen-regular-webfont.ttf’)) format(‘truetype’), url(font-path(‘oxygen-regular-webfont.svg’) + “#MyFont”) format(‘svg’); } body { font-family: ‘oxygenregular’, arial; background: #f4f5f9; background-image: url(../images/bg-pattern.png); background-position: 0 bottom; background-repeat: no-repeat; } 我没有得到像404 (Not Found)这样的错误，因为我在修改config/application.rb之前收到了错误但是应用程序没有加载我已经放置的字体。我尝试使用原生HTML并且字体运行良好，但是当我尝试将它们放入Rails应用程序时，它不会加载.a

Cloudfront CORS问题在Rails应用程序上提供字体: 访问我的网站时，我一直收到来自控制台的错误消息： font from origin ‘https://xxx.cloudfront.net’ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘https://www.example.com’ is therefore not allowed access. 我尝试了一切：我已经安装了font_assets gem 配置了application.rb文件 config.font_assets.origin = ‘http://example.com’ Cloudfront上的白名单标题，如本文所述 Access-Control-Allow-Origin Access-Control-Allow-Methods Access-Control-Allow-Headers Access-Control-Max-Age 但没有，零，虚无… 我在Heroku上使用Rails 4.1。

Rails 3，@ font-face使用firefox生成失败: 我在rails 3应用程序中使用font-awesome ，在开发模式下一切正常，但是当我推送到Heroku时，Firefox无法呈现图标，相反，我看到了： Chrome在开发和制作中使图标很好这只会影响FireFox（虽然我没试过IE）该应用程序在这里，如果有人能够确认这不仅仅发生在我的机器上（以帮助我排除本地主机缓存问题），我将不胜感激。所有资产（包括字体和样式表）都使用asset_sync gem托管在S3上。这就是我所做的：将以下内容添加到font-awesome.css.scss的顶部：** // font-awesome.css.scss @font-face { font-family: ‘FontAwesome’; src: font-url(“fontawesome-webfont.eot”); src: font-url(“fontawesome-webfont.eot?#iefix”) format(“eot”), font-url(“fontawesome-webfont.woff”) format(“woff”), font-url(“fontawesome-webfont.ttf”) format(“truetype”), font-url(“fontawesome-webfont.svg#FontAwesome”) format(“svg”); font-weight: normal; font-style: normal; } 然后我把它放在application.rb中： # application.rb config.assets.paths << Rails.root.join("app", "assets", "fonts") config.assets.precompile += %w( .svg .eot .woff .ttf ) 最后我将所有4个字体文件放在app/assets/fonts 。我真的很想知道我在这里做错了什么。

在Rails 4.0中使用@ font-face，找不到自定义字体的Sass URL: 在我的Rails项目中，我正在尝试使用自定义字体。有很多与这个问题相关的答案，就像这个没有帮助的答案一样，我编辑了development.rb .rb： # Add the fonts path config.assets.paths << Rails.root.join('app', 'assets', 'fonts') # Precompile additional assets config.assets.precompile += %w( .svg .eot .woff .ttf ) 仍然显示No route matches [GET] “/assets/chalkduster-webfont.woff” 我给我的url是： @font-face { font-family: ‘chalkdusterregular’; src: url(‘chalkduster-webfont.eot’); src:url(‘chalkduster-webfont.svg#chalkdusterregular’) format(‘svg’), url(‘chalkduster-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘chalkduster-webfont.woff’) format(‘woff’), url(‘chalkduster-webfont.ttf’) format(‘truetype’); font-weight: normal; font-style: normal; } 我在源代码中尝试了font_path(”) ，而且font-url()它从font_path(”) 。 🙁

将自定义字体添加到Rails 4的官方方法？: 我正在研究如何将自定义字体添加到我的Rails应用程序中，例如通过在assets文件夹中添加一个fonts文件夹 – 我无法找到一个“官方”Rails方式来解决这个问题。是的，这里有很多关于此事的问题/答案，所有这些似乎与他们自己的黑客有关。但是，在Rails着名的“配置约定”下，不应该采用这种常见做法吗？或者如果我错过了 – 关于如何在Rails应用程序中组织字体的文档参考？

Rails 4：为什么字体没有加载到生产中？: 我无法在生产中的Rails 4应用程序中加载字体，它在开发中正常工作。部署时，资产在服务器上进行预编译。我有我的字体 app/assets/fonts 我的app.css： @font-face { font-family: ‘WalkwayBoldRegular’; src: url(‘Walkway_Bold-webfont.eot’); src: url(‘Walkway_Bold-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘Walkway_Bold-webfont.woff’) format(‘woff’), url(‘Walkway_Bold-webfont.ttf’) format(‘truetype’), url(‘Walkway_Bold-webfont.svg#WalkwayBoldRegular’) format(‘svg’); font-weight: normal; font-style: normal; } 在我的production.rb中，我有： config.assets.precompile << Proc.new { |path| if path =~ /\.(eot|svg|ttf|woff)\z/ true end }

如何将自定义字体添加到Rails应用程序？: 我有一些我想在我的RoR应用程序中使用的字体，但它们的格式主要是.ttf和.otf等。我如何在Rails应用程序中嵌入这些文件？也就是说，一旦我把它们放在我的资源文件夹中，我将它们嵌入我的CSS和/或LESS文件的语法究竟是什么？编辑：这是我现在的代码： @font-face { font-family: Vow; src: url(‘/assets/Vow.otf’); } h1 { font-family: Vow; text-align: center; } 它似乎对我不起作用。 Rails控制台中的输出类似于： ActionController::RoutingError (No route matches [GET] “/assets/Vow.otf”) 用Firebug检查页面说： downloadable font: download failed (font-family: “Vow” style:normal weight:normal stretch:normal src index:0): status=2147746065 source: http://localhost:3000/assets/Vow.otf

在Ruby on Rails上使用@ font-face？: 我想在Rails中包含我的自定义字体。我的文件字体在app/assets/fonts/ 。我编辑了CSS： # in app/assets/stylesheets/application.css @font-face { font-family: ‘fontello’; src: url(‘fonts/fontello.eot’); src: url(‘fonts/fontello.eot#iefix’)format(’embedded-opentype’), url(‘fonts/fontello.woff’) format(‘woff’), url(‘fonts/fontello.ttf’) format(‘truetype’); } 我试图更改路径url(‘assets/fonts/fontello.eot’); url(‘fontello.eot’); 太。我编辑了配置： # in config/application.rb require File.expand_path(‘../boot’, __FILE__) require ‘rails/all’ Bundler.require(:default, Rails.env) module Gui class Application < Rails::Application config.assets.paths << Rails.root.join('app', 'assets', 'fonts') end end 但它不起作用。我使用Rails 4.0.2。