Xamarin Formsでアイコンフォントを表示する - yamamoWorks
UWPではアイコンフォントがSymbol 列挙値として定義されていて簡単にアイコンフォントを表示する事ができますが、残念ながらXamarinにはこのような機能はありません。 そこでXamarin Formsでも同じアイコンフォントを使えるようにしたいと思います。 準備 Symbol 列挙値で表示されるのはSegoe MDL2 Assetsというフォントで、Windows 10から組み込まれています。 UWPアプリの開発でハンバーガーメニューを表示する際などにもSymbolThemeFontFamilyとして用いられます。 エクスプローラーで「C:\Windows\Fonts」を開き、フォントファイルを取り出します。他のフォルダにコピーすると分かりますがファイル名は「segmdl2.ttf」です。 [追記] Segoe MDL2 Assetsフォントのライセンスについて記載されたドキュメント
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
jQuery Mobile にもっとアイコンを | karak
jQuery Mobileはたいへん便利だが、BootstrapのGlyphiconsほど豊富なアイコンは用意されていない。ボタンやナビゲーションにちょっと気の利いたアイコンを加えたいときに不便である。Glyphiconsを引っ張ってくるのも面倒だし、何か良い方法はないか、そういえばGlyphiconsにインスパイアされたWebフォントがあったな、と記憶の糸をたどって検索。そうしたらFont Awesome icons now included in jQuery Mobile Icon Pack – andy matthewsというまさに求めていたものが見つかった。 jQuery Mobile Icon Packは、Font AwesomeをjQuery Mobileから使えるようにまとめたもので、CSSのフォルダにいくつかファイルを追加するだけで使えるようになる。リンク先のGithub
iOS アプリで Font Awesome を利用する - アカベコマイリ
iOS アプリを開発しているとコントロールなどにピクトグラムなアイコンを利用する機会が結構ある。シンプルな図案であるため視認しやすく、どのようなテイストのデザインにもマッチするので重宝する。 ただしシンプルであるがゆえ、目的によっては標準的な図案が定まっているものもある。たとえば設定なら歯車やレンチ、編集なら紙にエンピツなど。アイコンは機能を的確に伝達できることが重要だから自作するよりも、こうした図案を含んでいるであろう定番セットを探して利用するのが好ましい。 というわけで、この記事ではピクトグラム系アイコンの定番である Font Awesome を利用する方法を調査してみる。 Font Awesome の組み込み まずは Font Awesome を入手。 Font Awesome, the iconic font designed for Bootstrap 上記のサイトから ZIP
Android アプリで Font Awesome を利用する - アカベコマイリ
すこし前に iOS アプリ上で Font Awesome を利用する方法について調査してみたので今回は Android アプリで試してみる。 Android アプリにおける組み込みフォント Android の TextView などは Typeface を指定するとフォントを変更できる。Typeface インスタンスはフォントの参照方法ごとに用意された create 系メソッドから生成する。 組み込みフォントなら createFromAsset か createFromFile を利用。前者が Android プロジェクトの assets、後者はファイルからフォントを参照する。以降にこれらの詳細をまとめる。 assets Android プロジェクトには assets という仕組みがある。開発に Eclipse & ADT を使用しているならプロジェクト直下、Android Studio
[Android Tips] 2つの Android Bootstrap で爆速開発！ | DevelopersIO
Android Bootstrap Bootstrap といえば Twitter Bootstrap が有名ですが、Android の世界では2つの Bootstrap があります。Android Bootstrap と Android Bootstrap です。そう、見事なまでにコンフリクトしております。どちらも Android のアプリ開発を高速化するためのツールですが、役割は違います。具体的に言うと、1つはデザインのアセットをいい感じに作ってくれるもの、もう一つはよく使いそうなライブラリをいい感じにセットにしてくれるものです。それぞれ、ちょっと気になっていたので軽く使ってみました。 デザインのアセットをサクッと作る https://github.com/Bearded-Hen/Android-Bootstrap まずは UI デザインを何となくいい感じに作ってくれる Android
![[Android Tips] 2つの Android Bootstrap で爆速開発！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/091f15a7d75f8343165a62700143a86becce2771/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fandroid.png)
Android で Font Awesome を使うのがなかなかいい感じ - ボクココ
Android でアイコン作るときは、まぁ普通は Action Bar Icon Pack とかをよく使うと思う。自分もそれを好んで利用していた。 ただ、これには以下のような欠点がある。 使う画像を利用する度にコピーするがだるい 要領がどんどん大きくなる 種類が少ない さて、それらを解決してくれるのが Font Awesome を利用したアイコン生成方法だ。 設定方法 まずは Font Awesomeからアイコンパックをダウンロード。 その中の fonts -> fontawesome-webfont.ttf を Android プロジェクトの assets ディレクトリに保存。なければ java とかと同じ階層に作る。 使いたいアイコンを チートシート から探す。 strings.xml に以下を追記 <string name="icon_fb"></string> la
GlyphSearch
All Font Awesome Foundation Glyphicons IcoMoon Ionicons Material Octicons
200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Font Awesome 5 by Dave Gandy — Kickstarter
GitHub - danawoodman/react-fontawesome: A React Font Awesome component.
FontAwesome.swift/Demo/FontAwesomeDemo/ViewController.swift at master · thii/FontAwesome.swift
Spinner Icon | Font Awesome
GitHub - patrickmarabeas/jQuery-FontSpy.js: Style your @font-face elements while they load or upon catastrophic failure
Font Awesome does not work on android browser
jQuery Mobile Icon Pack
Bower Search · Bower
Icons | Font Awesome