Wingdings 3

右上の方にある矢印。
最初はcssでfont指定したんだけれど、あー、できたと思ってたら、
ブラウザとかOSが違うと全然違う文字が出てくる。
http://www.relief.jp/itnote/archives/001274.php
このページをいろんなブラウザで開いてみて、
これは全然ダメだなあと思って、画像にすることにした。

久しぶりにExpressionを起動。
文字の画像をつくるだけなのになかなかうまくいかない。
あー、もう、ってなってたときに、RMagickでいいじゃんっ思った。
さっそくrubyを書きだしたら、すぐできた。

require 'rubygems'
require 'RMagick'
include Magick

def arrow out, text, color, bg
  f = Image.new(100, 100) do
    self.background_color = bg
    self.format = 'PNG'
  end
  gc = Draw.new
  gc.font = '/Users/youhei/Library/Fonts/Wingdings 3'
  gc.fill = color
  gc.stroke = 'none'
  gc.pointsize = 100
  gc.gravity = CenterGravity
  gc.annotate(f, 0, 0, 0, 0, text)
  f.write out
end

d = [['arrows/ue_link.png', 212.chr , '#332e2c', '#ffffff'],
     ['arrows/sita_link.png', 211.chr, '#332e2c', '#ffffff']]
d.each { |i| arrow *i }
exit

できあがり

Wingdings系のフォントってけっこう
いろんな図柄があるからわりと便利かも。

swdyh

Wingdings 3