問題タブ [svg-font]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - SVG フォントが機能しないのはなぜですか?
SVG フォントを作成し、それを ttf フォントに変換しました。Ttf フォントは正しく動作しますが、svg フォントは動作しません - Chrome と Firefox でテスト済み。私が作成したファイルは次のとおりです。
myFont.svg:
myFont.css:
myFont.html:
アイコンの代わりに文字が!表示されます。"に変更url("myFont.svg#myfont") format("svg");するurl("myFont.ttf") format("truetype");と、期待どおりに動作します（node.js モジュールhttps://www.npmjs.org/package/svg2ttfmyFont.ttfを使用するようにmyFont.svg変換されます。したがって、svg から生成された ttf が機能し、svg 自体が機能しないのは奇妙です...ttf
fonts - Web ページでフォントがレンダリングされない
Font Squirrelを使用してLatoフォントの Web バージョンを作成しました。
また、テストとデバッグを行うために、 Plunkerでテスト スイートをセットアップしました。
一部のフォントはレンダリングされません:
- SVG が Safari 5.1 でレンダリングされない (Windows と OS X の両方)
- Internet Explorer 11 で EOT がレンダリングされない
IE 11 で EOT をレンダリングすると、デバッグ コンソールで「不明なエラー」が発生します。
互換性表:
この理由は何ですか？どうすれば修正できますか？
svg - PDFのSVGの丸いテキスト
PDFでSVGファイルを送信しようとしています。PDFには、丸められた/変換されたテキスト（会社名）があります。
私はPDFを作成しましたが、丸みを帯びたテキストは出力PDFでは丸く表示されませんが、まっすぐに表示されます。PDFの作成にはDomPDFとTCPDFを使用しました。 ここに私のSVGがあります
xml - 制御文字にグリフを割り当てる方法は?
XML は属性内の範囲内の値を受け入れないようですが、 �toを許可#x7fし¡ます。私のパーサーでそのようなエラーを引き起こします：
また、いくつかの Web ブラウザーでファイルを開こうとしたところ、同じ行に対して同様のエラー メッセージが表示されました。この動作の目的を標準
で見つけることができませんでした。ただし、エスケープされた Unicode 制御文字は許可されているようです。
誰かがそのデザインの理由を知っていますか?
これらのグリフを svg ファイルの外で定義して使用するための代替手段はありますか?
css - W3.org のフォント例が埋め込まれた SVG 画像が機能しない
シンプルなグラフィックと非標準フォントを使用した会社名の単語のみで SVG イメージ ロゴを作成しようとしています。サイズを節約するために、フォント全体を参照するのではなく、単語に必要なグリフのみを埋め込むことにしました。ただし、テキストはカスタム (埋め込み) フォントを使用して表示されません。そのため、「最も重要な Web サイト」である W3.org で非常によく似た例を見つけましたが、驚いたことに、それらの例もほとんどの最新のブラウザーでは機能しません。
例を含む公式の SVG 定義記事へのリンクは次のとおりです: https://www.w3.org/TR/SVGTiny12/fonts.html
問題の SVG サンプル ファイルへのリンクは次のとおりです: https://www.w3.org/TR/SVGTiny12/examples/font01.svg
ファイルのコードは次のとおりです。
機能しません。つまり、画像はレンダリングされますが、フォントが間違っています。
- クロム v. 55.0.2883.87
- Firefox v. 47.0.2
- Internet Explorer v. 10.0.9200
- オペラ v. 42.0
- ヴィヴァルディ v. 1.2.490.43
ただし、サンプル画像は古いブラウザで正しくレンダリングされます。
- オペラ v. 12.17
- サファリ v.5.1.4
- Maxthon v. 4.4.5.3000
どうしたの？CSSを使用して外部ファイルを参照せずに、フォントが埋め込まれたSVG画像を確実に作成する方法を教えてください。
svg - svg フォントの重なり合う文字が fillrule に干渉する
初めてカスタム フォントを作成していますが、svg フォントで問題が発生しました。文字が重なるところはどこでも、fill-type: evenoddが引き継ぎます。これを修正する方法について何か考えはありますか?
svg フォント コード:
reactjs - svg-icon フォントが Times New roman にフォールバックする理由
React Web アプリケーションでアイコンを表示するために SVG-Icon フォントを使用していますが、ブラウザーにフォントが読み込まれているにもかかわらず、UI でアイコンが有線で表示されることがあります。添付のスクリーンショットをご覧ください。Times New Roman がフォントとして表示されますが、その理由は不明ですか?
