{"id":2643,"date":"2020-06-24T21:53:11","date_gmt":"2020-06-24T21:53:11","guid":{"rendered":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/?post_type=chapter&p=2643"},"modified":"2020-07-01T20:08:30","modified_gmt":"2020-07-01T20:08:30","slug":"types-of-web-writing-web-pages-fonts","status":"web-only","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/chapter\/types-of-web-writing-web-pages-fonts\/","title":{"raw":"Web Pages: Fonts","rendered":"Web Pages: Fonts"},"content":{"raw":"

So Many Fonts . . . Which Is the Right One?<\/h2>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\nUnless you are coding your own web pages, most social media applications will give you little control of typefaces.<\/strong> The what-you-see-is-what-you-get (WSIWYG) editor that you use to create content may allow you to add bold or italics. Sometimes you can change the font size. Rarely will you be able to specify the font.\r\n\r\nHowever, if you are coding your own web pages and have the option of choosing different fonts, start by first considering your rhetorical situation:<\/strong> Who is the audience? What is your purpose for designing? What is the context? Do you want to be humorous? Serious? Are you announcing an event? There are a million things to take into consideration, but the most important thing to consider is readability. Don\u2019t use overly-fancy fonts just because they\u2019re cool. At the same time, don\u2019t use plain fonts when you\u2019re trying to generate some excitement or interest. For example, if you have a Halloween theme going, you can find fonts that appear to be dripping with a liquid (like blood\u2014boo!). Half the fun of fonts is searching for new and interesting ones.\r\n\r\n<\/div>\r\n

Choosing a Font: Serif vs. Sans Serif<\/h2>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\nOk, my blogging program lets me pick a font. Now what?<\/em><\/strong>\r\n\r\nYour most important typographic decision is what will be the main font you use on your pages as this font will set a visual tone for your pages. While there are a variety of decorative fonts that look good as headlines, for this main font, you should pick between a serif or a sans serif body text font.\r\n\r\nSerif:\u00a0<\/strong>A serif is the extra little stroke, those little curves, at the ends of letters:\r\n\r\n\"Examples\r\n

Figure 17.<\/strong>\u00a0Examples of serif fonts.<\/p>\r\nSans Serif:<\/strong>\u00a0\u201cSans\u201d literally means \u201cwithout,\u201d so a sans serif font does not include any extra stroke at the ends of the letters:\r\n\r\n\"Examples\r\n

Figure 18.<\/strong>\u00a0Examples of sans serif fonts.<\/p>\r\nMany people feel that sans serif fonts look \u201ccleaner\u201d and more \u201cmodern,\u201d while serif fonts look more traditional, more book-like.\r\n\r\nThe conventional wisdom has been that serif fonts are more readable\u2014particularly in print\u2014while sans serif fonts are more legible. If you have to read large blocks of text, the serifs at the ends of letters makes them easier to identify and easier to read. On the other hand, the simplicity of Sans Serif fonts are thought to make these fonts more legible and easier to read in small sizes or on coarse screens. For these reason, you see lots and lots of sans serif fonts on web pages.<\/strong>\r\n\r\nWhich should you use? We are not convinced that the serif vs. sans serif argument really matters anymore. Pick a font you like that fits the tone and the message of your site. Pick a font that you think will appeal to the sorts of people that you want to read your stuff.\u00a0 If you have a more traditional site, you may want a more traditional serif font. If you want a more hip, modern look, you may want a sans serif font.\r\n

\r\n\r\nWEB WRITING STYLE GUIDE\r\n
\r\n\r\nVersion 1.0,\u00a0June 2011<\/em>\r\n\r\nEdited by Matt Barton, James Kalmbach, and Charles Lowe<\/em>\r\n\r\n<\/div>\r\n<\/div>\r\n \r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","rendered":"

So Many Fonts . . . Which Is the Right One?<\/h2>\n
\n
\n
\n
\n
\n
\n
\n

Unless you are coding your own web pages, most social media applications will give you little control of typefaces.<\/strong> The what-you-see-is-what-you-get (WSIWYG) editor that you use to create content may allow you to add bold or italics. Sometimes you can change the font size. Rarely will you be able to specify the font.<\/p>\n

However, if you are coding your own web pages and have the option of choosing different fonts, start by first considering your rhetorical situation:<\/strong> Who is the audience? What is your purpose for designing? What is the context? Do you want to be humorous? Serious? Are you announcing an event? There are a million things to take into consideration, but the most important thing to consider is readability. Don\u2019t use overly-fancy fonts just because they\u2019re cool. At the same time, don\u2019t use plain fonts when you\u2019re trying to generate some excitement or interest. For example, if you have a Halloween theme going, you can find fonts that appear to be dripping with a liquid (like blood\u2014boo!). Half the fun of fonts is searching for new and interesting ones.<\/p>\n<\/div>\n

Choosing a Font: Serif vs. Sans Serif<\/h2>\n
\n
\n
\n
\n
\n
\n
\n

Ok, my blogging program lets me pick a font. Now what?<\/em><\/strong><\/p>\n

Your most important typographic decision is what will be the main font you use on your pages as this font will set a visual tone for your pages. While there are a variety of decorative fonts that look good as headlines, for this main font, you should pick between a serif or a sans serif body text font.<\/p>\n

Serif:\u00a0<\/strong>A serif is the extra little stroke, those little curves, at the ends of letters:<\/p>\n

\"Examples<\/p>\n

Figure 17.<\/strong>\u00a0Examples of serif fonts.<\/p>\n

Sans Serif:<\/strong>\u00a0\u201cSans\u201d literally means \u201cwithout,\u201d so a sans serif font does not include any extra stroke at the ends of the letters:<\/p>\n

\"Examples<\/p>\n

Figure 18.<\/strong>\u00a0Examples of sans serif fonts.<\/p>\n

Many people feel that sans serif fonts look \u201ccleaner\u201d and more \u201cmodern,\u201d while serif fonts look more traditional, more book-like.<\/p>\n

The conventional wisdom has been that serif fonts are more readable\u2014particularly in print\u2014while sans serif fonts are more legible. If you have to read large blocks of text, the serifs at the ends of letters makes them easier to identify and easier to read. On the other hand, the simplicity of Sans Serif fonts are thought to make these fonts more legible and easier to read in small sizes or on coarse screens. For these reason, you see lots and lots of sans serif fonts on web pages.<\/strong><\/p>\n

Which should you use? We are not convinced that the serif vs. sans serif argument really matters anymore. Pick a font you like that fits the tone and the message of your site. Pick a font that you think will appeal to the sorts of people that you want to read your stuff.\u00a0 If you have a more traditional site, you may want a more traditional serif font. If you want a more hip, modern look, you may want a sans serif font.<\/p>\n

\n

WEB WRITING STYLE GUIDE<\/p>\n

\n

Version 1.0,\u00a0June 2011<\/em><\/p>\n

Edited by Matt Barton, James Kalmbach, and Charles Lowe<\/em><\/p>\n<\/div>\n<\/div>\n

 <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":274624,"menu_order":8,"template":"","meta":{"_candela_citation":"[]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-2643","chapter","type-chapter","status-web-only","hentry"],"part":2585,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/pressbooks\/v2\/chapters\/2643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/wp\/v2\/users\/274624"}],"version-history":[{"count":8,"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/pressbooks\/v2\/chapters\/2643\/revisions"}],"predecessor-version":[{"id":2855,"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/pressbooks\/v2\/chapters\/2643\/revisions\/2855"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/pressbooks\/v2\/parts\/2585"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/pressbooks\/v2\/chapters\/2643\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/wp\/v2\/media?parent=2643"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/pressbooks\/v2\/chapter-type?post=2643"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/wp\/v2\/contributor?post=2643"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-newpaltz-engcomp1\/wp-json\/wp\/v2\/license?post=2643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}