Introducing Font Awesome 5 and SVG icons

お知らせ
126

11件の投稿が新しいトピックに分割されました：既存のSVGアイコンをカスタムアイコンに置き換える方法

137

5件の投稿が新しいトピックに分割されました: Font AwesomeのRSSアイコンの使用方法

142

2件の投稿が新しいトピックに分割されました：Font Awesomeのパルスをローディングアイコンとして使用するには？

143

Font Awesome をバージョン 6 にアップグレードする計画はありますか？

「いいね！」 7
144

良い質問ですね。現在、Font Awesome 6へのアップグレード計画はありませんが、近いうちに検討します。

「いいね！」 10
146

フォント・オウサム（Font Awesome）5 を使い続けている場所をいくつか見かけました。なぜなら、6 のセットには一部の機能が欠けていたからです（それらは現在有料プランに含まれています）。

アップグレードに反対しているわけではありませんが、注意しておくと良い点です。

「いいね！」 10
156

へえ。彼らは後方互換性についてかなりの大騒ぎをしていますので、それは驚くべきことのように思えます。何が欠けているかをリストしているもののリンクはありますか？

「いいね！」 2
157

リンクはありません。申し訳ありませんが、今のところ逸話のみです。@pmusaraj がこれに少し苦労していたのを思い出します。

「いいね！」 5
158

Fork Awesome, a fork of the iconic font and CSS toolkit を検討しましたか？

「いいね！」 3
159

まだですが、間違いなくかなりクールに見えます。Discourseをそのパターンを使用するようにバックトラックしてポートするのは、非常に面倒なことになると感じています。

「いいね！」 2
160

FontAwesomeからForkAwesomeへの切り替え経験がある方はいらっしゃいますか？

彼らの新着情報ページによると：

既存のアイコンのUnicodeコードポイントを変更せず、Font Awesome 4.7のCSSクラス名やアイコン名も変更しないように、特に注意を払いました。ただし、いくつかのアイコンを追加し、このプロジェクトへの貢献プロセスを大幅に簡素化しました。もし間違いを見つけた場合は、遠慮なくバグを報告してください。

例のページはFontAwesomeのように見えます。

うーん、この（非）メンテナーによる投稿を読むと、現時点ではそれは悪い考えのようです。残念です。

「いいね！」 2
161

FontAwesomeはバージョン6で「Regular」アイコンセット全体を有料プランに移行しました。しかし、既存のRegularセットアイコンは、SVGアイコンを直接（Webフォントとしてではなく）使用する場合、引き続き無料で利用できるようです。これは、FontAwesomeリポジトリからSVGスプライトを使用している私たちにとって朗報です。

ただし、彼らが追加した後方互換性は、私たちにはうまく適用されません。FontAwesomeの「SVG + JSフレームワーク」を使用していないため、自動エイリアシングの恩恵を受けられません。これは、アイコンが不足していることほどではありませんが、おそらく現時点での5から6へのアップグレードにおける最大の障害です。

「いいね！」 10
163

このリンクは機能しません。

「いいね！」 1
165

この1年間、Discourseフォーラムのユーザビリティテストを数多く行ってきた経験から、Discourseのユーザビリティ向上のために最も効果的なことの一つは、アイコンセットに投資することだと思います。明確さ、一貫性、そして少しのスタイルを追求したアイコンセットです。しかし、これはそのための投稿場所ではないかもしれませんね！

「いいね！」 2
166

タグアイコンのテーマコンポーネントにフラグ絵文字をSVGアイコンとして追加する方法について、何かガイダンスをいただけないでしょうか。テーマコンポーネントの変更が必要なのか、それとも絵文字にアクセスするために専用のプラグインを作成する必要があるのか、理解できていないようです。

よろしくお願いします！

「いいね！」 1
167

うーん、何も表示されません。

どうすればよいですか？

  • カスタムテーマコンポーネント SVG_Assets を作成しました。
  • カスタム 1x1 SVG アイコンをアップロードしました。
  • SVG_Assets をテーマの一部として有効にしました。
  • Tag icons テーマコンポーネントをインストールし、テーマに追加しました。

SVG_Assets にアップロードした各 SVG アイコンの URL が表示されます。

うーん、なるほど。エディタの設定がどのようになるかの新しい例を教えていただけますか？

us.svg アップロードの追加例

現在表示されているもの

[
	{
		"setting": "tag_icon_list",
		"value": "tag1,question-circle,#CC0000|:de:,$de,https://domain/1X/604c368499a58499e21ab5337a325600cb35b421.svg"
	},
	{
		"setting": "svg_icons",
		"value": ""
	}
]
「いいね！」 1