FontSampler 3

フォントを選択...
（複数選択可）

setting

追加...

font-size: 24

font-weight: 500

color: #333333

DummyText:

ヘルプ
ヘルプ
このサイトについて
当サイトは、お手持ちのフォントの表示サンプルをブラウザ上で確認することができるWebサービスです。

Webデザイナーの方が、フォントがブラウザ上でどう表示されるのかを確認することを主な使用用途として想定しています。

JavaScriptとFileAPIを使用してフォントファイルの中身をブラウザ上で解析・利用しているため、フォントをサーバに送信せずにブラウザ上で表示を確認することができます。
操作方法
フォントを用意し、利用規約をお読みください。

フォントを選択...をクリックしてください。

フォントファイルを選択してください（複数のフォントファイルを同時に選択することができます）。

選択したフォントの見本が表示されます。

settingから文字サイズや文字色などを調整することができます。

フォントを追加したい場合は追加...をクリックしてください。

フォントを削除したい場合はすべて削除...をクリックしてください。
動作環境
当サイトの動作確認は主にデスクトップ版（macOS、Windows）のGoogle Chrome 最新版で行っています。これ以外の環境では不具合が発生する可能性があります。

なお、iOSやAndroidなどのモバイル環境での動作は想定していません。これは当サービスでは利用者が自らフォントファイルを用意する必要があり、利用者がパソコン以外の環境でフォントファイルを所持している可能性が低いと考えられるためです。

対応するフォントファイルの形式と拡張子は以下の通りです。

TrueType（.ttf）

OpenType（.otf）

Embedded OpenType（.eot）

Scalable Vector Graphics（.svg）

Web Open Font Format（.woff）

Web Open Font Format 2（.woff2）

上記の対応形式であっても、一部のフォントはブラウザ上で表示できない場合があります。ご了承ください。

当サイトの動作に不具合などありましたら~~できれば解決法も添えて~~、こちらまでご連絡ください。対応は確約できませんが頑張ります。

併せて、ご意見・ご感想などもお待ちしております。
閉じる

バージョン履歴

ver. 0.1	『WebFont サンプル』として公開。共通の変数をその都度書き換えるという力技で、フォントスタイルを有するフォントリスト機能を簡易実装。
ver. 1.0	for文の繰り返し処理によって、基本的な機能を正式に実装。
ver. 1.1	「一括変換ボタン」の実装。
ver. 1.2	全テキストエリア連動機能の仮実装。 ※これに伴い「一括変換ボタン」が無意味化してしまっています(--")
ver. 1.2.1	正式名称を『WebFont Sampler』に変更。バージョン履歴を明記。
ver. 1.2.2	正式名称を『FontSampler 1』に変更。 HTMLとCSSを全体的に微改修。ファイルディレクトリ構造を整理。
ver. 2.0	正式名称を『FontSampler 2』に変更。コンセプトはそのままに全面的にリビルド。一から書き直しているのでコード／デザイン共に完全に別物です。 WordPress化に伴い、ダッシュボードからフォントの追加・設定が可能になり、全作業がブラウザで完結するようになっています。
ver. 2.1	バージョン3に向けて、一部の機能を追加実装。ダッシュボードで自分の投稿とフォントだけ表示するように調整。レスポンシブに部分対応。
ver. 3.0	『FontSampler 3』バージョン2の時と同様、コンセプトはそのままに全面的にリビルド。 FileAPIを使用し、非同期通信によるフォントサンプルの表示に対応。サービスの正式リリースに向けて機能を調整する最終ベータ版といった位置付け。

閉じる

利用規約
利用規約
概要
当サイトを利用する場合は、利用規約及び個人情報保護方針を熟読し、その内容を承諾したものとみなします。

利用規約及び個人情報保護方針に同意できない場合は、当サイトの利用を中止してください。

当サイトでは利用者がフォントファイルを用意する必要があります。この際に使用するフォントファイルは、利用者自身が所有しているものを使用してください。

当サイトでは、利用者のフォントファイルを収集していません。フォントの表示にはFileAPIを使用しているため、すべての処理は利用者のブラウザでのみ動作します。
著作権
当サイトの著作権はLOWGSに属します。

当サイトの文章・画像・その他コンテンツ等の無断転載を禁止します。

なお、当サイトではライブラリやCDNなど、他著作者による著作物を使用しています。当然、これらの著作権は当該著作権者に帰属します。

当サイトは著作権の侵害を目的としていません。著作権に関して問題がある場合は、こちらからご連絡ください。適切に対応させていただきます。
免責事項
当サイトの利用は自己責任でお願いします。

当サイトは提供するサービスを適切に利用できるように努めますが、サービスの正確性・完全性・安全性等を保証するものではありません。

当サイトの利用によって発生した損害等の責任は一切負えませんので、ご了承の上、自己責任でご利用ください
閉じる
個人情報保護方針
個人情報保護方針
アクセス解析ツール
当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を使用しています。

Googleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。

このトラフィックデータは匿名で収集されており、個人を特定するものではありません。

この機能はCookieを無効にすることで収集を拒否することができますので、お使いのブラウザの設定をご確認ください。

この規約の詳細は、Google アナリティクス利用規約を参照してください。
広告
当サイトでは、Googleによる広告サービス「Google AdSense」を使用しています

Google AdSenseはユーザーの興味に応じた商品やサービスの広告を表示するためにCookieを使用しています。

Cookieによって広告を配信する目的で利用者の端末を識別しますが、個人を特定するものではありません。

この機能はCookieを無効にすることで収集を拒否することができますので、お使いのブラウザの設定をご確認ください。

この規約の詳細は、広告 – ポリシーと規約 – Googleを参照してください。
閉じる