問題タブ [foundation-icon-fonts]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Foundation Icon Fonts 3 のサイズを変更しますか?
ここでアイコンのダウンロードのサイズを変更しようとしています：
http://zurb.com/playground/foundation-icon-fonts-3
ドキュメントでは、次のように述べています。
たとえば、私は次を使用します：
しかし、サイズは 16px で、どのように変更できるかはわかりません...
css - フォント サイズを大きくするとアイコン フォント クラスが整列しない
http://iconvau.lt/で作成したアイコン フォントを使用していますが、text-align を中央に配置すると、アイコンが中央に配置されません。左側のままです。
firefox - Foundation アイコンが Firefox で機能しません。代わりにボックス内の文字のみが表示されます
HTML
Firefox 内で Ctrl+U を押した後、foundation-icons.css に移動したので、間違いなくファイルに正しくリンクしています。
foundation-icons フォルダーを正確にコピーし、何も削除していません。次のようになります。
編集: Chromium ですべてが正常に動作しているように見えるため、タイトルを変更し、Firefox タグを追加しました。これは Firefox の問題であり、おそらく私が修正することはできないため、少し困惑しています。
foundation-icons に付属の preview.html ファイルは、私の Firefox でも正しく動作します。
ruby-on-rails - Rails 4 / Cloudfront 環境で Foundation アイコンを表示する
Rails 4 アプリを Heroku にデプロイできました。すべてのアセットは Cloudfront インスタンスから提供されます。この部分は完璧に機能します。
私が経験している唯一の問題は、財団のアイコンが提供されていないという事実です。これは、こことここで見られる CORS の問題の結果です。AWS がごく最近 CORS 問題の解決策を実装したことを読みましたが、これはもはや問題ではありませんが、問題を修正/理解できないようです。
上記の解決策を試しました。別の投稿に見られるように、 「font_assets gem」も使用しようとしましたが、まだ次のエラーが表示されます。