Skip to main content

Home/ PODS Digital Portfolio/ What typefaces are m
Natasha Michalowsky

What typefaces are m - 3 views

started by Natasha Michalowsky on 15 Apr 11
  • Natasha Michalowsky
     

    What typefaces are most appropriate for a web portfolio?


    Research on font for web design/portfolios.


     


    In brief summary, one should choose fonts that are common to all computers. Sans serif fonts are better because they scale better with a variety of screen sizes. Consider size of font as well - too big looks like you're trying to fill space, too small is illegible. Make sure the overall mood created by the font is appropriate to the mood of your portfolio or the image you wish to project of yourself. If you do want to use a less common font, be sure to save it as an image as opposed to text; that way, people without that font will be able to see but not select it on their screen.


     


    Research:


     


    -Jenna Soard (AAA Career Symposium)


    “sans serif fonts are more appropriate to a web page design because they scale


    better for a variety of screens”


     


     


    “Text vs. images


    The first thing you need to know is that you can safely use any font on a website provided that it is part of an image. How can you tell the difference? Easy: if you can use your mouse to select individual words or even letters of the text your see on a website, then what you have is pure text.


     


    Since not everyone is using the same operating system, it’s actually a little challenging to prepare a list of web safe fonts that you can use as pure text on your websites. Some people use Windows Vista or Mac OS X. Others use Linux. And others are still using older versions like Windows 98 or Mac OS 8! So to keep things safe, here is a list of the most common, standard fonts for websites that even people using ancient operating systems can see:


    Arial


    Courier New


    Georgia


    Helvetica


    Times New Roman


    Trebuchet MS


    Verdana


    Webdings


    Here’s an image of what they look like:


    I realize that this is a pretty short list, but remember that these fonts are to be used as pure text and not as logos or other fancy website design elements.


    If you’re sure that most of your website visitors are using more recent operating systems, then you can also add these common website fonts to the list:


    Andale Mono


    Arial Black


    Century Gothic


    Comic Sans MS


    Impact


    Tahoma


    Zapf Dingbats


     


    - http://www.newbiewebsitedesign.com/best-fonts-for-websites-web-safe-fonts


     


     


    color and trend resource: http://www.behance.net/tip/Color-Resources-trends-tools-more/104


     


     


    font resourse: http://www.dafont.com/


     


    websites/ideas of where to promote yourself online:


    http://www.youthedesigner.com/2007/10/01/25-ways-to-promote-your-website-or-blog/


     


    good detailed information on fonts on website


    http://www.webdesignerdepot.com/2009/03/5-simple-ways-to-improve-web-typography/


     


     


    Here are some tips to choose the best font type for your website


     


    • Never use more than 3 types of fonts on a single page. Changing fonts more than three times disrupts the reading flow and portrays an unprofessional writing style.


    • Don’t change the fonts in the middle of the sentence unless you have a very strong reason to do so such as quoting a line from some other source, making some information enhanced or prominent etc.


    • Ideally, use Sans Serif fonts for online medium and Serif fonts for print mediums.(((Sans-Serif Fonts for Online Content(San-Serif fonts are the ones that don’t have any ‘serifs’ i.e. little hooks on the end of the alphabets. In print mediums, sans-serif fonts are usually reserved for headlines. However, that is not the case on the web. Web pages are viewed on computer screens and therefore display differently than print pages. This is because the resolution of computer screens is not as good as paper. Therefore, the little serif fonts that have hooks along the ends of alphabets gets blurred making it difficult for viewers to read the contents.((Therefore, it is best to use Sans-Serif fonts on your web pages. Popular types of sans-serif fonts are Arial, Geneva, Helvetica, Lucida sans, Trebuchet and Verdana.


    http://www.lexolutionit.com/article_details.php?id=186


     


     


     


    The Best Fonts for a Career Portfolio


    By Amy Guettler, eHow Contributor


     


    Use fonts strategically to make your portfolio stand out.((Crafting an impressive portfolio---one that stands out, compelling the reader to continue reviewing your career highlights---is no small task. Not only must the text content strongly and succinctly describe your experience and accomplishments, the portfolio must also be presented in a professional and organized fashion. In the matter of seconds it takes to catch the eye of a potential employer, every detail counts, and how you treat your fonts plays a key role in determining whether your portfolio is held for further evaluation or if it heads to the recycle bin.


    Selecting a Font Style


    An example of a serift-type font((Finding a style of font that is appropriately attractive and professional can feel overwhelming, especially given the tremendous variety from which to choose. You must also select the font styles that best complement your print or web-based portfolio; surprisingly, there is a distinct difference in legibility among fonts when they appear online versus on the printed page.(For the body text of a traditional, tangible portfolio, try using a font with serifs (the "feet" or "tails" on each letter) such as the popular Times New Roman, Garamond or Book Antiqua. It's also a good idea to highlight content headings by using a font of the other style---one that belongs to the sans-serif family---to create an appealing contrast. If you're designing a web-based portfolio, sans-serif fonts such as Arial, Tahoma or Verdana are solid choices for body text, as these generally are easy to decipher on a computer screen (they work just as well in print, too). If you elect to use a sans-serif font for most of your portfolio, be sure to offset headings with a good serif font.


    Determining Ideal Font Size


    The general rule of thumb regarding body text size is that anything larger than 12-point font often is perceived as an attempt to fill space, while anything smaller than a 10-point font is too difficult to read. To distinguish headings from the majority of the text, they should be a few points larger than the general body font size, but try to avoid using anything larger than 14- or 16-point fonts.(Ideally, all of your career's primary achievements and salient expertise should figure prominently on the first page of your portfolio and/or resume. Therefore, the amount of text you're using largely determines how big your fonts can be.


    Styles to Avoid


    Overly elaborate or even cursive fonts lack the professionalism a portfolio must convey and should almost never be used in any form of business communications. Reverse type, which is more common with web-based portfolios, is popular for artistic reasons---yet while it may be visually appealing, trying to read a narrow, pale-colored font over a dark background can be frustratingly challenging. Finally, steer clear of colorful fonts and stick with the classic, always-professional black, or use a deep shade of gray.


    Other Considerations


    Take a moment to consider the contents of your portfolio and what type of work it represents. If you're submitting a portfolio of magazine layouts, architectural achievements, marketing pieces or journalism bylines, you might consider using less common, more fanciful fonts. For example, if you're submitting a portfolio of graphic design work for architectural magazines, you might use an art-deco or art-nouveau font style. If you do decide to use something unconventional, take care to do so sparingly---you don't want to overwhelm the person who could hire you.


     


     


    Read more: The Best Fonts for a Career Portfolio | eHow.com http://www.ehow.com/list_6189802_fonts-career-portfolio.html#ixzz1Jc9CYg9f


     

To Top

Start a New Topic » « Back to the PODS Digital Portfolio group