After downloading a Wordpress template, I found the font used for h1 and h2 text to be difficult to read due to its slim design - Century Gothic. However, I prefer using Noteworthy, a font available on my Mac. I converted Noteworthy from OTF to web-font styles (eot, svg, ttf, woff) through an online tool that also provided some code.
The challenge now is locating where Century-Gothic is defined in the template so I can replace it with Noteworthy. Although I've identified all instances of it,
Below is the code segment I inserted into the file 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;
}
Furthermore, here is an example showcasing its application in various style definitions:
.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;
}
Despite replacing all instances with Noteworthy, the old font persists upon refreshing my page. The Fonts folder containing Noteworthy font files is placed at the top level of this template folder.
I must emphasize that I'm relatively new to this and have been learning on-the-go by consulting online materials. Any assistance regarding this matter would be greatly appreciated.
You can visit my site at to observe the issue. The header fonts in each post are what I aim to rectify, while the "Stories..." script at the top appears in Noteworthy as a PNG image. Noteworthy is not reflected even after refreshing the page.
I am using a Mac Mini running OS X 10.11.5 with Safari as my browser.
In addition, I seek guidance on modifying the title of the third post from the left, which displays a URL.
Any suggestions or resources you could provide would be immensely helpful. I am willing to email the zipped css file if needed. This task isn't urgent, just something I enjoy working on during retirement.
Thank you!
-Tod