サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
chlono.e-whs.net
webフォントを使用するように、SVG画像をCSSの:beforeや:afterで使用したいときがあります。 しかしSVG画像をbackground-image:で使用すると、webフォントのようにcolor:#XXXXXX;で色を変更することができません。 なんとかならないかと調べた結果、CSS内にSVG画像を直接取り込んで色を変更する方法を見つけたので、取り入れてみました。 画像を作る 当サイトのTwitterへのリンクでは、Twitter公式のBrand Resourcesで入手したアイコンの横に矢印を追加したものを使用しています。 22px×14pxの実寸で作成してあります。Inkspaceで編集し、svgo-guiで最適化しました。 10倍に拡大すると、こんな感じです。のちの作業を楽にするため、アイコンと矢印は別の色にしてあります。 SVGなので、拡大しても綺麗ですね。 ちなみに
※2018/09/11 �コンテンツを少し整理しました。 ※2017/09/10 「PDFのサイズを調整しよう」に追記しました。 最初に 昨年、TATEditorを使って入稿用PDFを作成し、小説同人誌を作成しました。 当時は使っている方をあまり見かけず情報を仕入れられなかった為、フォント埋め込みなどがうまくいっているのかどうか分からずどきどきだったのですが、何事もなくさらりと入稿完了できて胸を撫で下ろした覚えがあります。 使用している最中にいくつかバグらしきものを発見したので、そのたびに作者さまにTwitterで報告させていただきました。中には結構クリティカルな案件もあり、これは締切に間に合うのかな……と危ぶんだりもしたのですが、こまめなバグフィックスをしていただけたおかげで、ばっちり間に合いました。本当にありがたかったです。 最近になってあちこちで「TATEditorで小説原稿が作れる
このページを最初にブックマークしてみませんか?
『chlono.e-whs.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く