SVGからOTFへのコンバーター

SVGベクターアイコンからOpenTypeフォントをオンライン作成

ここにファイルをドロップする. 1 GB ファイルサイズの最大限度 または サインアップ
Facebook Amazon Microsoft Tesla Nestle Walmart L'Oreal

高度なタイポグラフィ

OTFはリガチャ、代替、OpenTypeレイアウト機能をサポート — SVGアイコンが洗練された機能豊富なアイコンフォントになります。

クロスプラットフォームフォント

OpenTypeはどこでも動作 — Windows、macOS、Linux、iOS、Android、すべての現代ブラウザがOTFフォントを一貫してレンダリングします。

シングルファイル配信

SVGアイコンライブラリ全体を1つのOTFファイルにまとめる — HTTPリクエストが減りWebプロジェクトのアセット管理が簡素化されます。

SVGをOTFへ変換する方法

1

コンピューター、Googleドライブ、Dropbox、URLからファイルを選ぶか、ページにドラッグして下さい.

2

otfもしくは必要な別のフォーマットを選ぶ(200種類以上のフォーマットが利用できます)

3

ファイルを変換すれば、すぐにotfファイルをダウンロードできます

フォーマットについて

SVG(Scalable Vector Graphics)は、World Wide Web Consortium(W3C)が開発したXMLベースのベクター画像形式で、1.0仕様は2001年9月4日に勧告として公開されました。バイナリベクター形式とは異なり、SVGはシェイプ、パス、テキスト、グラデーション、フィルター、アニメーションを人間可読なXMLマークアップで記述し、テキストエディタで作成、スクリプト言語で処理、CSSでスタイル設定が可能です。この形式は、ベクター要素(数学的座標で定義された線、曲線、ポリゴン)と埋め込みラスター画像の両方をサポートし、JavaScriptイベントハンドリングによるインタラクティブ性、SMILまたはCSSトランジションによる宣言的アニメーションにも対応しています。SVGはプラグインなしですべての最新ウェブブラウザでネイティブにレンダリングされ、ウェブ上の解像度非依存グラフィックスの標準形式となっています — アイコンやロゴからインタラクティブなデータ可視化やアニメーションイラストレーションまで幅広く対応します。主要な利点は無限のスケーラビリティです。SVGグラフィックスはレンダリングがピクセルではなくジオメトリから計算されるため、低DPIモニターから超高解像度のRetinaスクリーンまで、あらゆるディスプレイで完璧な鮮明さを維持します。テキストベースの性質はもう1つの核心的な強みです — SVGコンテンツは検索エンジンにインデックスされ、スクリーンリーダーにアクセス可能で、標準的なウェブ技術を使用してDOMから容易に操作できます。活発なW3C仕様は最新のウェブプラットフォーム機能とともに進化を続け、レスポンシブウェブデザインに不可欠なベクター形式としてのSVGの地位を維持しています。
開発元: W3C
初回リリース: 2001年9月4日
OTF(OpenType Font)は、MicrosoftとAdobeが共同開発し、1996年に発表、後にISO/IEC 14496-22として標準化されたスケーラブルフォントフォーマットです。OpenTypeはTrueTypeとPostScriptフォント技術を単一のコンテナに統合しています — PostScriptアウトラインを持つOTFファイルはCFF/CFF2テーブルで3次ベジェ曲線を使用し、TrueTypeアウトラインを持つものはglyfテーブルで2次スプラインを使用します(これらはOpenTypeであるにもかかわらず通常.ttf拡張子が付きます)。このフォーマットはフォントあたり最大65,535グリフをサポートし、ラテン、キリル、アラビア、CJK、数学記号を含むUnicodeの広大な文字レパートリーを1ファイルで包括的にカバーできます。高度なタイポグラフィ機能はGSUB(グリフ置換)およびGPOS(グリフ位置調整)テーブルにエンコードされ、文脈依存代替字形、合字、スモールキャップス、スタイリスティックセット、複雑なスクリプトシェイピングを実現します。決定的な利点はクロスプラットフォームの一貫性です — 同じOTFファイルがWindows、macOS、Linux、iOS、Androidで、プラットフォーム固有のビルドなしに同一にレンダリングされます。豊富なOpenType Layout機能システムもまた大きな強みで、単一のフォントファイルでは以前は不可能だった精細なタイポグラフィ制御をデザイナーに提供します。OpenType 1.8ではバリアブルフォント技術が導入され、ウェイト、幅、傾斜、カスタムデザイン軸にわたる連続的な補間が単一のコンパクトなファイル内で可能になりました。Webブラウザ、デザインアプリケーション、オフィススイート、オペレーティングシステムでのユニバーサルサポートにより、OTFは現代のデジタルタイポグラフィにおける支配的なプロフェッショナルフォントフォーマットです。
初回リリース: 1996

よくある質問

なぜSVGをOTFに変換するのですか?

OpenTypeフォントは高度なタイポグラフィ機能をサポート — SVGアイコンをOTFに変換することでリガチャや文脈代替を持つプロのアイコンフォントが作成できます。

OTFフォントを使うソフトウェアは?

すべての主要OS(Windows、macOS、Linux)、@font-faceを通じたWebブラウザ、Adobe Creative Suite、デザインツールがOpenTypeをネイティブでサポートします。

OTFとTTFはどう違いますか?

OTFはPostScriptアウトラインとリガチャやスタイリスティックセットなどの高度なOpenTypeレイアウト機能をサポート — TTFは二次曲線でやや単純です。

OTFをWebサイトで使えますか?

はい、CSSの@font-faceでOTFフォントを提供できます。より広いWeb互換性のためにWOFFまたはWOFF2バージョンも生成することを検討してください。

SVGからOTFへの変換は無料ですか?

基本変換はConvertioで無料です。プレミアムプランはより大きいグリフセットと高速処理を収容します。

SVG〜OTF品質評価

4.5 (98投票)
フィードバックを提供するには、少なくとも1つのファイルを変換してダウンロードする必要があります!