CakePHPについて書くことが多いです。MySQLやHTML、CSS、Javascriptや、サーバー周りについても書くことがあります。分からないことも多いので、記事を読んで助言してくれる人が現れるのを期待している毎日です。ウェブフォントを新しくしてみました開発技術2011年12月9日Facebook1Hatebu0Pocket0Google+0Twitter0この記事はだいぶ前に書かれたものなので情報が古いかもしれませんこのサイトに載っている文章を見て、何か手書きっぽい字だな〜と思っていたら、それは正しいです。ウェブフォントの利用IEなどでは見れませんが、うちのお宿ではウェブフォントってのを使わせていただいておりまして、以前は、正確にいうと昨日までは、こちらのサイトさんで提供されているCinecaptionというフォントを使わせていただいておりました。昨日までは、ということは、当然今日は違うフォントなのだろうなと、世間一般の大半の探偵気質の人は推理すると思うのですが、まさにその通りです。あー、うん、一切ないとか言いましたが、Cinecaptionの提供者さんがうちのサイトを知らないだろうってとこだけは、なくはないですね。間違いなく知らないでしょう。新たな出会い人は出会いと別れを繰り返すのが常でありまして、それは人と人だけにあらず、ウェブフォントにおいてもまた然りなのです。ウェブの世界ってのは新しいものが出てくるのが早いですからね。新しい出会いというのはいくらでもあるわけです。今回は、たぬきフォントさんで提供している、たぬき油性マジックというウェブフォントを使わせていただくことにしました。無料で使って良いよと書いてあったので、ありがたく使わせてもらってます。Cinecaptionのフォントもかなりお気になのですが、こちらのフォントも良いですね。いうフォント好きです。いうわけで、しばらくはこのフォントで行ってみようかなと思います。例によってIEとか一部のブラウザではこのフォントでは見れないですが、まあ仕方ないっす。難しいことはよく分かりません。設定方法を改めてCinecaptionさんを導入するときにも一応書いたんですが、せっかくなんでざっくりと簡潔にだけ。いっても難しいことはないんですけどね。フォントをダウンロードしないことにはどうにもならないので、まずはダウンロードしましょう。ダウンロードしたら、ttfとかotfという拡張子のファイルがあると思うので、それをサーバーの任意の場所に上げる。したらcssにこんな感じで記述します。font-family:SampleFont:}urlはbackground-imageのurlなんかと一緒で、対象のフォントファイルが置いてあるパスを書きます。ウェブフォントには『TrueType』というのと『OpenType』というのがあるらしいんですが、違いとかは調べてないのでよく分かってないです、すみません。今回使わせてもらってるたぬき油性マジックはTrueTypeのようです。拡張子がttfだとTrueTypeです。Fontだからttfなんでしょうね。今回の説明とほとんど同じようなことしか書いてありませんが、もし参考になるようでしたらこっちの記事もどうぞ。Cinecaptionさんを設定したときのことが書いてあります。いう感じで、あかつきのお宿ではたぬき油性マジックさんを利用させていただいております。たぬきフォントさん、ありがとうございマジックインキ!!また新しい素敵なフォントとの出会いがあったり、提供者さんからこんなくだらないサイトにうちの崇高なフォント使ってんじゃねーよこの野郎って怒られたりしたら、そのときは新しいフォントになると思いますが、今しばらくはこのフォントでお付き合いください。「このサイトの文字、見辛くね?」って思ったら、一報ください。その場合はフォントが悪いんじゃなくて、文字サイズとか文字の色とかに問題があるはずなので、対応させていただきやんす。〜やはりwebrootは切り出そう〜やっぱりセキュリティ上、それはよろしくないようはURLでアクセスできるトップページ的な一行だけなんで、全然たいした手間ではないです21300ウェブフォントってのを設定してみたフォントって、実にいろいろな種類があるじゃないですか。MSゴシックとかはまあ言うまでもないですが、中には手書きっぽいフォントを作って公開している人もいらっしゃいます。