ホームページ  >  記事  >  ウェブフロントエンド  >  ウィンドウフォームでFont Awesomeを使用するにはどうすればよいですか? _html/css_WEB-ITnose

ウィンドウフォームでFont Awesomeを使用するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:58:191180ブラウズ

テクノロジーの発展に伴い、Web 上の以前の画像ボタンは徐々にアイコン フォントに置き換えられています。これらのアイコン フォントはベクター グラフィックスであるため、各アイコンはあらゆるサイズの画面に表示できます。画面上に完璧に表示され、サイズや色を歪みなくいつでも変更でき、人々に本当に「高級感」を与えます。 Font Awesome は個人使用でも商用使用でも完全に無料であるため、このフォント ライブラリはより頻繁に使用されます。 Font Awesome は、Web ページ上のすべてのアクションの意味を完全に表現するのに役立つ実用的なアイコンを多数含むフォント ファイルです (図は表よりも優れており、表は言葉よりも優れています)。

Font Awesome はアイコンの完全なセットを最初からデザインしており、Bootstrap と完全に互換性があります。これらは優れた組み合わせです。 Font Awesome (http://fontawesome.io/3.2.1/cheatsheet/) のフォント エンコーディングの一部を次の図に示します。

しかし、問題はこれからなのでしょうか? Winformインターフェースでの使い方(もちろんWPFでも可能)。いくつかの調査の後、私は最終的に「謎」を発見しました:

手順は次のとおりです:

1 Font Awesome をローカルにダウンロードし、変更したフォントをインストールします。フォント名は FontAwesome です。

2 winform アプリケーションを作成し、フォーム インターフェイスを次のように設計します。

コードは次のとおりです。

 1 using System; 2 using System.Collections.Generic; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Linq; 7 using System.Text; 8 using System.Windows.Forms; 9 10 namespace WinFormFont11 {12     public partial class IconFontDemo : Form13     {14         public IconFontDemo()15         {16             InitializeComponent();17             //必须是unicode码18             this.label1.Text = "\uF028";19             this.label1.Font = new Font("FontAwesome", 16);20             this.label1.ForeColor = Color.Green;21             //必须是unicode码22             this.textBox1.Text = "\uF029 jackwangcumt";23             this.textBox1.Font = new Font("FontAwesome", 16);24             this.textBox1.ForeColor = Color.Black;25         }26 27         private void button1_Click(object sender, EventArgs e)28         {29             int fontsize = int.Parse(this.textBox2.Text);30             this.label1.Font = new Font("FontAwesome", fontsize);31             this.textBox1.Font = new Font("FontAwesome", fontsize);32         }33     }34 }

3 実行すると、インターフェイスは次のようになります。

フォント サイズを変更し、更新をクリックすると、フォント アイコンが大きくなったことがわかります:

フォントの取得方法エンコード:

はい Word でキャレットを使用してフォントを選択し、目的のアイコンをクリックして以下の Unicode エンコードを確認します:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。