サイトのSVG画像でカスタムフォントを使用するにはどうすればよいですか?
Inkscapeを使用してカスタムFacebookアイコンを作成し、svgとして保存しました。これは、ページのタイトルと同じフォントを使用し、CSSファイルで.woffとして参照した「ubuntutitling-bold-webfont」フォントを使用します。タイトルは機能しますが、svgは機能しません。 "f"が何らかのデフォルトフォントで表示されます。フォントファイルは、CSSおよび画像ファイルとの相対関係では../fonts/ubuntutitling-bold-webfont.woffにあり、Webページとの相対関係ではfonts / ubuntutitling-bold-webfont.woffにあります。 私は泉、私はSVGにGoogleウェブフォントを埋め込むにはどうすればよいですか?、しかし、必要に応じてコードをSVGに適用する方法について少し混乱しています。SVGは、CSSファイルで参照されている.woffフォントを使用できますか?SVGファイル内のフォントを手動で変更した方法は正しいですか? SVGのコードは次のとおりです。 <?xml version="1.0" encoding="UTF-8" standalone="no"?> <!-- Created with Inkscape (http://www.inkscape.org/) --> <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="80" height="80" id="svg2" version="1.1" inkscape:version="0.48.3.1 r9886" sodipodi:docname="New document 1"> <defs id="defs4" /> <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="26.573808" inkscape:cy="42.478414" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" fit-margin-top="0" …