絶対WEBフォントの利用に役立つTIPS集〜ウェブフォントトラブル解決＆設置のヒントまとめ

WEBフォントの利用に役立つTIPSをもとめてみました。
メモ的ですが、ウェブフォントトラブル解決＆設置のヒントになると思います。

1. Webフォントをassetとしてロード

2. twitterやgithubのwebfont文字化け対策

3. Webフォントは一度すべてをダウンロードさせる？

4. 日本語のWebフォントを試して困った事

5. Webフォントを使って三点リーダーを表現する際の注意点

6. Webフォントのブラウザ対応

7. WEBサイトで font-face で指定したフォントが適用されない

8. 端末を横置きにするとウェブページのフォントが拡大されるのを防ぐ方法

9. WPFフォントの読み込み

10. 游ゴシック体をメインとする文字フォント表示に切り替えました。

11. ベストマッチな組み合わせのWebフォントを提案してくれる『Type Genius』

12. 明朝体ウェブフォントでサイトデザイン – 日本語webフォント

13. Webフォント（.otf形式）を（.woff形式）にApache License

14. Adobeが提供するWebフォントサービス『Typekit』とは？

15. ウェブフォント和欧混植の条件分岐

16. 国産サービス対応のアイコンフォント『Ligature Symbols』を実装してみた。

17. ウェブアイコンフォントの作り方

18. フォント指定はコレで決まり！最高のfont-family(CSS)-2014年

19. ブログ投稿の日付・カテゴリ・タグをWebフォントを使ってシンプルに

20. WebフォントとSVGフォント

21. ウェブフォントファンをオープンしました＆ウェブフォントで1年間サイトを運営してみて

22. OTFをWOFFに変換して、Webフォント化する

23. Webフォントを使ってみます(2)日本語フォント(ライセンスに注意)

24. ウェブフォントの使い方・Google Fontsを使ってみる

25. サイト上の文字をより魅力的に フリーwebフォントまとめ「23 Best Free Web Fonts Of 2014」

26. 最新-2014.09：日本語WEBフォント情報。

27. Webフォントをキレイに見せるテクニックを2つ紹介(Chrome編)【解決策　その１】似非アンチエイリアス

28. フォトンとプラスのサービスを使ってウェブフォントを導入してみました。設定編です。

29. イワタと電通、社団法人ユニバーサルコミュニケーションデザイン協会が作ったUDの「みんなの文字」が無料でWebフォントとして使える

30. Webフォントありのブログを高速化した、たった1つのこと.htaccessに以下を追記

31. 日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js

32. 好きな箇所に好きなWebフォントでテキストを表示しようGoogleフォントからフォントを選ぶ

33. DirectWriteとフォントの固定化「Google Chrome」「Internet Explorer」「Firefox」

34. googleドライブ上においたWebフォントを使用する方法あるいはいかにしてcssを読み込むか

35. ディレクターのための日本語ウェブフォント覚書き

36. Webフォント化させたアイコンが一部Android 4系で表示されない

37. WebフォントをSVGからOTFに切り替えた際のハマりポイントあれこれ

38. OperaでWebフォントを使うと日本語が明朝体になる

39. Webフォントその概要とメリット・使い方など、ここで一度おさらい

40. 意外と多い!? Web フォントに対応していない環境

41. jQueryで横並びメニューを均等配置。でもWebフォントに足元すくわれた。

42. IE9以降でwebfontが文字化けする原因と解決策

43. Google Web Fonts が IE で適切に読み込まれない

44. Google Chromeだけ、フォントサイズがおかしいんです！Chromeのフォントサイズのクセまとめ。

45. WEBフォントとIE9.jsを併用すると、IE8で全体的にヤバいことになる

46. 日本語フリーフォントをwebフォント化する4ステップ

47. fonts.comの日本語Webフォント「AXISフォント」を導入してみた

48. 文字を制限した軽量な日本語 Web フォントを作成する方法

49. WebFonts として利用できるフリーの和文フォント

50. 画像の代わりに使えるアイコンタイプのWebフォントのまとめ

51. Webフォントで手に入れる新たな表現力

52. Webページで自由にフォントを表示させるCSS3のWebフォント機能について

53. CSSでの@font-face,つまりweb fontが使えない事でハマった

54. TYPEKITトラブルシューティング

関連記事