黒薔薇フォント

割と黒薔薇フォントを愛用しているのだが、wordpress にインストールすると、アップロードしたフォントが http 接続なので拒否られるという謎のバグになやまされる。
それで

@font-face {
   font-family: 'Kurobara';
   src: url('/wp-content/uploads/fonts/kurobara-gothic-light.ttf') format('truetype');
}
.site-title a {
   font-family: "Kurobara", sans-serif;
   color: navy;
}

などとすればうまくいくことがわかった。

さらに調子に乗って混植というものも試してみた。

@font-face {
  font-family: 'CustomMixFont';
  src: url('/wp-content/uploads/fonts/kurobara-gothic-regular.ttf') format('truetype');
  /* unicode-range を省略することで、全文字を対象にする */
}

/* 2. ひらがな・カタカナ：日本語Aフォント */ 
@font-face { 
  font-family: 'CustomMixFont'; 
  src: url('/wp-content/uploads/fonts/Cinderella.otf') format('opentype'); 
  /* ひらがな、カタカナ、全角長音などのUnicode範囲 */
  unicode-range: U+3041-309F, U+30A1-30FF, U+FF66-FF9F;
}

@font-face {
  font-family: 'Cinderella';
  src: url('/wp-content/uploads/fonts/Cinderella.otf') format('opentype');
}

/* 3. アルファベット：欧文フォント / 
@font-face { 
  font-family: 'CustomMixFont'; 
  src: url('/wp-content/uploads/fonts/nF6OG414u0E6k0wynSGlujRHwQlD_9Qz9E.woff2') format('woff2'); 
  /* 基本的な半角英数字・一般的な記号のUnicode範囲 */
  unicode-range: U+0020-007E, U+00A0-00FF;
}

@font-face {
  font-family: 'Kurobara';
  src: url('/wp-content/uploads/fonts/kurobara-gothic-light.ttf') format('truetype');
}

などとすればいけることがわかった。割とめんどくさかったが、面白いのでヨシとする。

otf は format(“otf”)、ttf は format(“ttf”) とか嘘ついてるやつがいるので注意。

黒薔薇シンデレラフォントという、黒薔薇フォントとシンデレラフォントを組み合わせたフォントも用意されていたのだった。まあいいけど。