Now Loading...

2018年02月07日

独自 Webフォントの反映

久しぶりの更新ですが、
写真とは関係ないお話をさせて下さい。

少々専門的?なお話なので、
興味のない方はスルーしてください。

DSC08079.JPG

↑ 写真もお話とは関係ありません(-"-;A ...アセアセ


当ブログは積極的に
Webフォントを
利用していますが、
Google Fontsのみで
独自のフォントは

利用しなかった・・
と言うか

出来なかったのです(´;ω;`)ウッ…

( 姉妹サイトは問題ありません。)


例えばニクキュウフォントは

Google Fontsですし、
簡単?に利用出来ますが、

独自に用意したフォントは

反映されない。

何故(・・?
いろいろと調べた結果、
クロスドメインが絡んでいるらしく、

クロスドメインリクエストが
制限されている状態らしいのです。


※ クロスドメイン (cross domain)とは、

ホームページを表示したときに、
複数の場所(ドメイン)から
データを持ってくるようになっている状態のこと

です。

さて、困った・・しかし、

どうやら「.htaccess」ファイルで、

クロスドメイン許可の設定ができるようで、

Header set Access-Control-Allow-Origin: "*"

※ 「*」はどんなURLからでもアクセスOKと言う意味。
自身のブログのURLを指定するのをおすすめします。

これを

「.htaccess」ファイルに書いてやると、


! & / * : ~ - _ %


# $ 黒猫です。


# 黒猫にアニメーションを反映させました。

Font by http://pandachan.jp/ Thanks %


↑ リンクをhoverするとアニメーションします。


こんな感じで、

独自で用意したフォントが反映されました(^^♪



※ 注意事項として、
「フォントをアップロードしたフォルダ」に
「.htaccess」を作ってやる必要があります。


://neco913.kirara.st/

↑ このフォント、面白いでしょ(・・?

このブログのURLを書いたのですが、
ラインみたいになりました。

まぁ・・、
読みづらい(-_-;)ってのは
さて置き、
Webフォントを利用してみたい方の
参考になれば幸いです。


# Font Awesome の fa-10x


バレンタイン、

ひな祭りと忙しいな・・。




貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました




タグ:日記
posted by きらら&ジュレ at 05:50 | 2018 きらら&ジュレの日記

PAGE TOP