onozaty https://blog.hatena.ne.jp/onozaty/ Enjoy*Study https://blog.enjoyxstudy.com/ [programming] Google Chromeには、最小フォントサイズという設定があり、デフォルトだと10pxになっています。 この設定により、cssのfont-sizeで10px未満を指定しても、10pxに自動調整されることになります。 この設定ですが、当然HTML上に書いたインラインSVGでも効いてきます。 SVG TEXT Inkscapeで作ったSVG(名刺くらいのサイズ)をインラインSVGとしてHTMLに埋め込んだ際に、10pxを下回るテキストがあって、レイアウトが崩れてはまりました。。 全体のレイアウトを変えずに、どうにかSVG内のテキストのfont-sizeを10px以上にできないかなぁと悩み中です… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.enjoyxstudy.com%2Fentry%2F2013%2F08%2F15%2F014220" title="Google Chrome の最小フォントサイズは、SVGにも効いてくる - Enjoy*Study" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/o/onozaty/20130728/20130728004435_original.png Hatena Blog https://hatena.blog 2013-08-15 01:42:20 rich https://blog.enjoyxstudy.com/entry/2013/08/15/014220 1.0 100%