How to: Change the default font in the middle of your text.
For instance, if you look at the text under my profile photo, or my About page at onyonet.com, you'll see the style of text changes in the middle of the page, and then changes back.
You need to use HTML 5, so the most browsers possible will see your site the way you want. The new site won't use some of the old tags, although I did notice some of them working when going through, and changing everything over.
I can hear many of saying, "what is HTML 5", or "great, coding stuff that I don't understand". Hopefully this will make sense, and won't be too difficult.
An html tag consists of an opening, with instructions on what to do next, and a closing to stop doing that.
In the first span tag below, the text will be a golden color (the #CD8800), 18 pixels in size (the 18px), and use the Oswald font (which you will see as a choice in the options on other pages).
<span style="color:#CD8800;font-size:18px;font-family:oswald"> (this is the opening part of the tag)
you add your text here
</span> (this is the closing part of the tag)
It would look like this:
you add your text here
If you add any text below the it will now use whatever the defaults are for that page, like this text I'm writing for example. So the color, size, and font will be whatever the theme designer used.
The span tag below will change the color of the text to an orange color, and make the size 14 pixels. The font will take the default font for the page because we are not telling it to anything else.
<span style="color:#CD4400;font-size:14px"> (this is the opening part of the tag)
you add some more text here
</span> (this is the closing part of the tag)
It would look like this:
you add some more text here
How do I know what color #CD8800, and #CD4400 represent? I don't. This is known as hexadecimal color code. Here's a good site to use for finding the colors you want: http://www.color-hex.com/. You can click on a color swatch, and it will show you more shades, complimentary colors, and more stuff than you ever wanted to know about color.
If you want to learn more about HTML 5, and how to use it, I suggest checking out w3schools.com. It's free, and very helpful. It also has training that allows you to test your code before using it anywhere that actually matters. Here's a direct link to their HTML 5 Intro: http://www.w3schools.com/html/html5_intro.asp
If you have questions, feel free to ask on this thread, or through private mail.
Daniel
