テンプレートでWebフォントを使用するのに手助けが必要

Question

私はWordpress用のテンプレートをダウンロードしました。これはh1とh2テキスト用の読みにくい（それほどスキニーなので）フォントと見なされます。センチュリー・ゴシックと呼ばれています。私は私のMac上で私がむしろNoteworthyと呼ぶフォントを持っています。私は、OTFからいくつかのWebフォントスタイル（eot、svg、ttf、woff）に変換するためにオンライン変換を使用しました。変換の服はまた、少しのコードを提供しました。

Century-Gothicが定義されている場所を見つけることができないので、それをNoteworthyと置き換えることはできません。私はそれが部分であるすべてのインスタンスを見つけた

ここに私がstyle.cssファイルに挿入したコードがあります。

h1, h2, h3, h4, h5 { 
    font-family: Noteworthy; 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Noteworthy'; 
    src: url('fonts/Noteworthy.eot'); 
    src: url('fonts/Noteworthy.woff') format('woff'), url('fonts/Noteworthy.ttf') format('truetype'), url('fonts/Noteworthy.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
    color: #750000; 
} 

そして、ここで様々なスタイル定義での使用の例である：

.post div h2 { 
    margin: 5px 0 5px 0; 
    padding: 0; 
    font-size: 18px; 
    font-family: Century-Gothic, Helvetica, Arial; 
    color: #750000; 
    font-weight: normal; 
    font-style: normal; 
} 

私はページを更新するとき、私は、まだ古いフォントを経と注目して、このすべてのインスタンスを置き換えました残っている。

このテンプレートフォルダーの最上位に、注目フォントファイルが存在するフォルダーというフォルダーがあります。

私はこれでランク初心者であり、私はオンラインリソースをチェックして行くように勉強しようとしていることに注意してくださいが、これは本当に私を切る。

私のサイトのURLはhttp://scruffydog.orgであり、私が話していることのいくつかを見ることができます。一番上のスクリプト（Stories ...）は注目に値するが、それはPNGだ。各投稿のヘッダー（「Hello World」、「Note Post」など）は、主に私が修正しようとしているものです。

Safariを使用してOS X 10.11.5を実行しているMac Miniを使用しています。

2番目の質問は、タイトルがURLである左から3番目の投稿と関係があります。私はそれをまったく変更する方法がわかりません！

すべてのヒントやリソースは高く評価されます。私はまた、CSSファイルを圧縮し、それが役立つ場合は電子メールで送ることもできます。それは単なる古い退職した男の趣味であるので、これに急いではありません。

ありがとうございました！

-Tod

Answer 1

あなたはこのページの完全なソースを表示する場合は、このコードは表示されません。 ChromeでCommand + Shift + iを押してhelloを検索すると、下に挿入した内容が表示されます。

あなたのテーマはCufonを使用しています。これはjavascriptフォントの置換スクリプトです。

<script type="text/javascript" src="http://scruffydog.org/wp-content/themes/DailyNotes/js/cufon-yui.js"></script> 

をや時間*タグのフォントの置換を無効にします。

あなたはコメントアウトすることができます。

<h2><cufon class="cufon cufon-canvas" alt="Hello " style="width: 49px;  
height: 18px;"><canvas width="64" height="19" style="width: 64px; 
height: 19px; top: -1px; left: -1px;"></canvas><cufontext>Hello 
</cufontext></cufon><cufon class="cufon cufon-canvas" alt="world!" 
style="width: 49px; height: 18px;"><canvas width="67" height="19" 
style="width: 67px; height: 19px; top: -1px; left: -1px;"></canvas> 
<cufontext>world!</cufontext></cufon></h2> 

フォントを使用している場合は、問題が発生する可能性があります。