Difference between revisions of "Main Page"
| Line 1: | Line 1: | ||
<h1>HTML Wiki</h1> | <h1>HTML Wiki</h1> | ||
Notes and other interesting things about HTML, HTML 5 | Notes and other interesting things about HTML, HTML 5 | ||
| + | |||
| + | == Fonts == | ||
| + | Choosing the right font for your website is a critical part in the design. The font can be used to give feeling to your design. To show ''emphasis'' or '''importance''' to a particular word or phrase. The font and styling of the font can give visual breaks in information or draw a users eye to a specific section. There are so many things to consider when deciding on a font on your page, most importantly making sure that the information you are providing is legible to those that are viewing. <br> <br> | ||
| + | |||
| + | '''Web-Safe Fonts and CSS @font-face'''<br> | ||
| + | When designing a website, people can take a lot of time choosing a font that they feel works with the design of their website. One of the issues that can arise is that if the font isn't installed on the users computer, it won't show they way the designer intended. One way to ensure your website will be viewed how you intended is to use web-safe fonts. The "Koa Consulting" (n.d.) website states, "Web-safe fonts are those fonts likely to be present on a wide range of computer systems, and are used by web content authors to increase the chance that content will be displayed in their chosen font" (para 1). There will be times though, you find the perfect font for your webpage but it is not a common web-safe font. In these cases as stated by Boudreaux (2016), "Utilizing the @font-face property in the CSS allows you to call any custom fonts and ensures that they will be displayed for any user” (para. 6).<br><br> | ||
| + | '''Spacing'''<br> | ||
| + | Spacing or kerning in your text and font choice is just as important. Even with web-safe fonts, you will want to make sure that you read over the content and make sure that the words are legible. You might find that for example, adding a word in all capitals or changing the font to bold or italic and make certain letters in a font blend too closely together. | ||
| + | |||
| + | |||
| + | == References == | ||
| + | <ol> | ||
| + | <li>Boudreaux, R. (2016). Tech Republic. Retrieved from http://www.techrepublic.com/blog/web-designer/embed-custom-fonts-on-your-website-with-the-font-face-property/</li> | ||
| + | |||
| + | <li>KOA Consulting. (n.d.). Retrieved from http://www.koaconsulting.com/frequently-asked-questions/web-safe-fonts.html</li> | ||
Revision as of 11:07, 12 December 2016
HTML Wiki
Notes and other interesting things about HTML, HTML 5
Fonts
Choosing the right font for your website is a critical part in the design. The font can be used to give feeling to your design. To show emphasis or importance to a particular word or phrase. The font and styling of the font can give visual breaks in information or draw a users eye to a specific section. There are so many things to consider when deciding on a font on your page, most importantly making sure that the information you are providing is legible to those that are viewing.
Web-Safe Fonts and CSS @font-face
When designing a website, people can take a lot of time choosing a font that they feel works with the design of their website. One of the issues that can arise is that if the font isn't installed on the users computer, it won't show they way the designer intended. One way to ensure your website will be viewed how you intended is to use web-safe fonts. The "Koa Consulting" (n.d.) website states, "Web-safe fonts are those fonts likely to be present on a wide range of computer systems, and are used by web content authors to increase the chance that content will be displayed in their chosen font" (para 1). There will be times though, you find the perfect font for your webpage but it is not a common web-safe font. In these cases as stated by Boudreaux (2016), "Utilizing the @font-face property in the CSS allows you to call any custom fonts and ensures that they will be displayed for any user” (para. 6).
Spacing
Spacing or kerning in your text and font choice is just as important. Even with web-safe fonts, you will want to make sure that you read over the content and make sure that the words are legible. You might find that for example, adding a word in all capitals or changing the font to bold or italic and make certain letters in a font blend too closely together.
References
- Boudreaux, R. (2016). Tech Republic. Retrieved from http://www.techrepublic.com/blog/web-designer/embed-custom-fonts-on-your-website-with-the-font-face-property/
- KOA Consulting. (n.d.). Retrieved from http://www.koaconsulting.com/frequently-asked-questions/web-safe-fonts.html
