Нужна помощь в получении веб-шрифта для работы в шаблоне

Question

У меня есть шаблон для Wordpress, который я скачал, он поставляется с тем, что я считаю трудночитаемым (потому что это настолько тощий) шрифт для текста h1 и h2. Он называется «Век готика». У меня есть шрифт на моем Mac, который я бы предпочел использовать с именем Noteworthy. Я использовал онлайн-конверсию, чтобы преобразовать ее из OTF в несколько стилей веб-шрифтов (eot, svg, ttf, woff). Конверсионный комплект также предоставил немного кода.

Проблема не в том, чтобы определить, где находится столетие-готика, поэтому я могу заменить ее Примечательно. Я нашел все экземпляры, где он является частью

Вот код, который я вставил в файл 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, и вы можете видеть некоторые из того, о чем я говорю. Сценарий наверху («Истории ...») заслуживает внимания, но это PNG. Заголовки в каждом из сообщений («Hello World», «Note Post» и т. Д.) - это прежде всего то, что я пытаюсь исправить.

Я нахожусь на Mac Mac с ОС OS X 10.11.5, используя Safari.

Вторичный вопрос касается сообщения, которое является третьим слева, название которого является URL-адресом. Я понятия не имею, как это изменить вообще!

Любые советы или ресурсы были бы весьма признательны. Я также могу закрепить файл css и отправить его по электронной почте, если это поможет. На это не спешите, так как это просто увлечение старого пенсионера.

Спасибо!

-Tod

Answer 1

Если просмотреть полный исходный код на этой странице вы не видите этот код. В Chrome нажмите Command + Shift + i и найдите привет, и вы увидите, что я вставил ниже.

Ваша тема использует 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> 

Если вы используете больше используемых шрифтов, это может вызвать проблемы.