ソーシャルアイコンをWebフォントで表示する方法

表題の件ですが、下記サイトでソーシャルアイコンの作成をしています。 http://weboook.blog22.fc2.com/blog-entry-336.html 全く同じようにやっているのにも関わらず、表示されません。 フォントでf g k r vと表示されます。 しかし、実際にサーバーにアップされているのでできるはずなんですが.. ※こちらも、ローカルではなくサーバーにアップして確認しました。 このサイトのやり方で、できる方っていらっしゃいますか。 よろしくお願いいたします。