カラーミーでウェブフォントをアップロードして使う方法

2023.10.07

カラーミーでウェブフォントを使う場合、以下の2点に気をつければ問題なく使用可能です。

カラーミー付属のFTPサーバーにはアップロード出来ない
クロスドメイン問題を解消する

カラーミー付属FTPサーバー以外を用意する必要がある

アップロード自体は可能ですが、下記に解説するクロスドメイン問題を解決する事が出来ないようです。 クライアントが契約しているレンタルサーバーがあれば良いのですが、 無い場合はアップロード用にレンタルする必要があります。 恐らく無料レンタルサーバーでも問題無いはずですが未確認です。

クロスドメイン問題を解消する

<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
    Header set Access-Control-Allow-Origin "https://xxxxx.jp"
  </FilesMatch>
</IfModule>

最も簡単に設定可能なのは、上記を.htaccessに記述する方法です。 https://xxxxx.jp の部分にフォントを適用させたいドメインをコピペします。 フォントをアップロードしたサーバーのドメインではなく、 フォントを利用するサーバーのドメインです。

.htaccessの設置場所はフォントを格納しているフォルダでOKです。