Noto Sans CJK JP フォントをダウンロードしてサイトに適用する手順 - Qiita
CSSの埋め込み方まで詳細に説明している所がなかったのでまとめてみました。 デモプレビュー 書き出しサンプル + デモデータ 一式 1. フォントダウンロード 2. アプリインストール サブセットフォントメーカー WOFFコンバータ OTF → WOFF + EOT WOFF → TTF http://opentype.jp/woffconv.htm 3. サブセット化 サブセットフォントメーカーを使用してフォントをサブセット化しファイルサイズを削減します。 以下、アスキー文字 + 非漢字文字 + 第1水準漢字でサブセット化すると 16MB→700KB 位になります アスキー文字 !”#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬
SVGをCSSを使ってHTMLで表現·svg2css MOONGIFT
svg2cssはPython製のオープンソース・ソフトウェア（MIT License）です。 SVGのベクター画像はもっと使われるべきだと思うのですが、レガシーなブラウザでは表示ができないのが躊躇させてしまう要因です。そこで試してみたいのがSVGをCSSで表現してしまうsvg2cssです。 使い方は簡単で、ターミナルでSVG画像を指定する程度です。 元のSVG画像です。半透明の部分があります。 こちらがHTML化されたものです。再現性はとても高いです。 ソースを見るとCSSのスタイルが数多く出力されているのが分かります。 日本語のテスト。ばっちり出力されています。 ぼかしを加えた版もあります。こちらも問題なさそうです。 複数のデータをスライド式にしたSVGのテストです。左右をクリックして切り替えられます。 こんな感じです。 画像のテスト。画像の形を変えたり、一部だけを表示したりする事もでき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Real, Automatic Instagram Likes - Duri.Me
http://data-uri.poyosi.com/
圧縮・高速化、ダウンロード, online tool
