fontsampler.com

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

setting

追加...

font-size: 24

font-weight: 500

color: #333333

DummyText:

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

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

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

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

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

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

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

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

フォントを削除したい場合はすべて削除...をクリックしてください。
動作環境
当サイトの動作確認は主にデスクトップ版（macOS）の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. 1.00	2021/06/16。正式リリース。
[Beta] ver. 3.0	『FontSampler 3』正式リリースに向けて機能を調整する最終ベータ版。
[Beta] ver. 2.1	『FontSampler 2』 WordPress版。CMSの投稿機能を使用してフォントの投稿機能を実装。フォントの装飾機能を追加。
[Beta] ver. 1.2.2	『FontSampler 1』 HTML版。基本コンセプトを実現するためのモック版。

閉じる

利用規約
利用規約
1. 概要
当サイトを利用する場合は、利用規約を熟読し、その内容を承諾したものとみなします。

利用規約に同意できない場合は、当サイトの利用を中止してください。

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

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

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

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

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

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

当サイトの利用によって発生した損害等の責任は一切負えませんので、ご了承の上、自己責任でご利用ください。
4. 個人情報保護方針

当サイトでは、次項以降に挙げるアクセス解析ツールを使用しています。アクセス解析ツールの詳細に関しては、次項以降をご確認ください。また、これらツールをご不快に思われる方は当サービスの使用を中止してください。

5. アクセス解析ツール
当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を使用しています。

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

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

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

この規約の詳細は、Google アナリティクス利用規約を参照してください。
閉じる