CSSでサイトタイトルのフォントを変えたい

Question

Wordpress でサイトタイトルのフォントを変えたいです。
フォントのサーバーへのアップロードは済んでいます。

CSSへはこのように記載していますが、フォント変更できません。

font-face{
font-family:ナイショ文字;
src:url('naishomoji-regular-webfont.woff')format('woff');
}

#site-title a{
font-family:'ナイショ文字'；
}

Answer 1

CSSの「font-face」の前に「アットマーク：@」を付けて試してみてください。

@font-face {
  font-family:ナイショ文字;
  src:url('naishomoji-regular-webfont.woff')format('woff');
}

-追記-

「ナイショ文字」をクォーテーション（シングルorダブル）で挟んでみてください。

@font-face {
  font-family:"ナイショ文字";
  src:url('naishomoji-regular-webfont.woff')format('woff');
}

ブラウザによっては英文字のみ対応もあるので、「naishomoji」等でも試してみてください。

@font-face {
  font-family:"naishomoji";
  src:url('naishomoji-regular-webfont.woff')format('woff');
}

Comments

[Ssaakamii]

@ つけてみましたがフォント変更できません。。。「site-title a」の前に＃つけてみたりもしましたが、どちらもできませんでした。。

@font-face{
font-family:ナイショ文字;
src:url('naishomoji-regular-webfont.woff')format('woff');
}

#site-title a{
font-family:'ナイショ文字'；
}

[yoshinavi]

「@font-face」の「ナイショ文字」の部分をクォーテ―ション（シングルでもダブルでも可）で挟んでみてください。

[Ssaakamii]

囲んでみましたができません。。今以下のようになっています。

@font-face{
font-family:'ナイショ文字';
src:url('naishomoji-regular-webfont.woff')format('woff');
}

#site-title a{
font-family:'ナイショ文字'；
}

[yoshinavi]

回答に追記しました。

[Ssaakamii]

naishomoji　でもできませんでした。。

[yoshinavi]

ひとつ確認ですが、元々は「otf」だと思いますが、「woff」へのコンバートしてサーバーへアップ済ですか？

また、フォントファイルへのパスは合っていますか？「font」等のフォルダへは入っていませんか？
入っていれば、CSSファイルからみたフォントファイルへのパスを変更してみてください。

例）
src:url('○○○/△△△/naishomoji-regular-webfont.woff')format('woff');

[yoshinavi]

パスも合っているのなら、該当箇所のHTML部も提示してみてください。

[yoshinavi]

コンバートの大文字小文字も合わせてみてください。
naishomoji-regular.woff
↓
NaishoMoji-Regular.woff

[Ssaakamii]

woffへコンバートしてサーバーへアップ済みです。こちらのサイトの通りに行いました。
https://ruka-affiliate.com/wordpress-font-change/#i-3

[Ssaakamii]

パスについてはよくわかりません

[yoshinavi]

webサイトで画像を表示させるには、表示させたいHTMLのファイルから見た画像の位置を指定する必要があります。

同じように、テキストの色や大きさ等をCSSで変更する場合は、HTMLに対応させるCSSファイルの位置を指定します。

指定方法は一般的に「絶対パス」「相対パス」があります。
※「ルートパス」もありますが「相対パス」の応用みたいなものです。

「パス　指定方法」等で検索すると、いろいろ出てきますので、理解しやすいサイトで勉強してみてください。

参考
http://lab.agr.hokudai.ac.jp/useful/utile/Path_URL.htm
http://www.recipi.jp/1159