inkscapeにフォントを埋め込む


20

inkscapeで読み取り可能なsvgファイルにフォントを埋め込む現在の状態がどのようなものであるかを誰もが知っていますか。埋め込みフォントがないことは、特にマシンの管理者アクセス権がなく、フォントをインストールできない人にファイルを送信する場合、svgファイルの移植性を著しく妨げることに気付きます。

私はこのリンクで与えられた指示に従うことを試みました:

HOWTO:Linux Inkscape SVGドキュメントへのフォントの埋め込み

しかし、それを機能させることができなかった場合、このリンクはそれが可能であることも示唆しています:

https://answers.launchpad.net/inkscape/+question/83618

私は公平に言えば、これをLinuxではなくWindowsで動作させようとしています(現在、Linuxマシンにアクセスできません)。この機能が動作している実際のsvgファイルを知っている、またはアクセスできる人はいますか?


おそらくこの質問に関連していますか?
パオロジベッリーニ14

こんにちは、ありがとう。ええ、ここに投稿する前に試してみましたが、動作させることができませんでしたが、動作する例を見つけることができません。
ダグラスカッスル14

例では、インターネットブラウザーを使用するためにフォントが埋め込まれています(Webページのグラフィックなど)。あなたの目的は少し異なりますが、現時点では関連する実例は見つかりませんでした。
パオロジベッリーニ14

1
stackeschangeはソフトウェアの既存の機能に関する質問、Inkscapeなどのオープンソースプロジェクトの質問には最適ですが、ロードマップやこのような将来の機能について質問するときは、開発者との直接のチャネルが可能です。inkscapeの場合、FreeNode IRCネットワークの「#inkscape」チャンネルで質問を提言することをお勧めします。
jsbueno 14

私はInkscapeForumでこの効果について質問しましたが、返信の受け取りはここよりも少なかったので、提案されたルートを調べます。
ダグラスカッスル14

回答:


5

Inkscapeの現在のバージョンでは、SVGフォントを埋め込むことはまだできないようです(こちらの小さな例を参照してください)。

0.48のリリースノート

ダイアログ内のグリフのリストが選択されたフォントではまだレンダリングされていないが、システムフォントではレンダリングされるという既知の制限があります

0.47のリリースノート制限のより詳細な説明があります:

SoC 2008プロジェクトとして、JucaBluesはSVGフォントの初期解析とレンダリングを実装しました。Inkscape内でフォントを設計できますが、それらを使用してキャンバス上のテキストをレンダリングすることはまだサポートされていません。libpangoがユーザーフォント機能の適切なサポートを実装するのを待っています。

SVGフォントのレンダリングのFirefoxやInternet Explorer、およびによってサポートされていないInkscapeのWikiの私達に教えていること:

SVG2.0はSVGフォントをWOFFに置き換えます

(待って見てみましょう)


現時点では、このチュートリアルに従って、SVGにWOFFフォントを埋め込むことができました。

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     width="100%" height="100%" viewBox="30 40 340 135">

  <title>WebFont Template for SVG</title>

  <style type="text/css"><![CDATA[
    @font-face {
        font-family: "indie_flower";
        src: url("indie_flower.woff") format("woff");
        font-weight: normal;
        font-style: normal;
    }

    text { 
        font-family: "indie_flower", serif;
        font-size: 40px;
        fill: silver;
        stroke: gray;
        stroke-width: 0.5px;
        text-anchor: middle;
    }

    textPath { 
        font-size: 35px;
        text-anchor: start;
        fill: silver;
        stroke: none;       
    }

  ]]></style>

  <text x="200" y="80">http://schepers.cc/svg-webfonts</text>  

  <path id="curve" d="M75,170 C150,140 200,140 250,160" fill="none"/>
  <text><textPath xlink:href="#curve">Google Indie Flower</textPath></text>

</svg>

フォントは、このURLに従ってローカルにコピーされ(ここから取得)、ダウンロードリンクを取得します(「indie_flower.woff」に名前が変更されました)。

SVGファイルはローカルフォントを使用し、適切にレンダリングされます(Windows 8.1でFirefox 34、Chrome 39、およびInternet Explorer 11でテスト済み)。ローカルフォントを使用すると、SVGファイルをリンクできません。スクリーンショットを用意する必要があります。

Chromeスクリーンショット

残念ながら(上記を参照)、現時点ではInkscape はレンダリングできず、デフォルトのフォントを使用できません。

現時点では ...待って見てみましょう。


11

テキストをベクトルパスに変換することにより、ポータブルSVGファイルを作成できます。

テキストオブジェクトを選択し、メニューパスオブジェクトからパスに移動します。(やりたいことに応じて、ストロークにパスを使用することもできます)。

もちろん、ベクターとして、テキストはテキストとして編集できなくなりますが、SVGをもう一方の端で表示できるようにすることほど重要ではないかもしれません。


2
これは本当に埋め込むについてです質問、答えていないフォントを、SVGファイル内のため、編集可能なそれを維持
ルチアーノ

4
それは質問に対する正しい答えではないかもしれませんが、それは確かに多くのことをすることなく魅力のように機能します。あなたが私に尋ねるなら、これは本当に良い答えです!
アレクシスウィルク

1
私は同意します、これは非常に有用な答えです。多くの場合、物事を行うにはいくつかの方法があります。質問をする人によって要求された方法を正確に使用しないすべての回答を思いとどまらせても、StackExchangeを非常に有用で学習しやすい場所、IMHOにしないでください。
シビルピーターズ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.