タグ

ブックマーク / edge.sincar.jp (2)

  • 画像をBase64でHTMLファイルに直接埋め込む方法 | design Edge

    「xxxxx…」はBase64化されたデータの文字列を示しています。 上記の例はPNG画像の場合ですが、JPEGを埋め込む場合は「data:image/png」の部分を「data:image/jpeg」としてください。 ※書式について、「png;base64」の部分の記述について「;」が「:」になっているミスがありましたので修正しました。ご指摘いただいたAC様、ありがとうございます。 Base64への変換 Macの場合はデスクトップにエンコードしたい画像を保存し、「ターミナル」で以下のコマンドを実行すればOKです(hoge.pngは任意のファイル名)。かなり長い文字列が生成されるはずですので、まるまるコピーします。 とはいえ、個人的にはコマンドラインに少々拒絶感があるのでさらに調べてみると、ChromeのDeveloper Toolsを使ってカンタンにエンコードできることがわかりました。

    画像をBase64でHTMLファイルに直接埋め込む方法 | design Edge
  • 極太なのに!柔らかな印象のフリーフォント「Peace Sans」 | design Edge

    太字のサンセリフフォント「Peace Sans」が公開されていましたのでご紹介します。 「Peace Sans」は、かなり太いサンセリフフォントです。“Peace”(平和)というだけあってか、かなりの太さにもかかわらず、丸みがありどこか人間的で柔らかな印象を与えてくれるデザインです。 質が高いですが、ロシアにあるタイポグラフィー学校「TypeType School」の学習過程で制作されたフォントだということです。 (画像はフォント紹介ページより引用(部分)) いつも通り流し込んでみるとこのような感じです。 OpenTypeフォーマットで配布されており、Webフォントも同梱されています。 また、通常のアルファベット(ラテン文字)のほかキリル文字なども含まれており、充実した文字セットとなっています。 (画像はフォント紹介ページより引用) (画像はフォント紹介ページより引用) 極太なので文には

    極太なのに!柔らかな印象のフリーフォント「Peace Sans」 | design Edge
  • 1