Web Typography



Choosing typography for your print design or website can be a little daunting sometimes. On top of that, choosing the best combinations of typography can add to the layer of frustration. At this moment, I'm deciding whether or not to change the font for this blog post. Anyhow, the choice of typography is part of the designing process. I'm fortunate enough to have great web typography resources. Some of my favorite resources are Google Fonts and 50 Font Combinations. I know Google fonts will work on all platforms and all design mediums and the 50 Font Combinations are all google fonts paired up with one simple blog.

 I think web typography is beginning to mature to due to other technologies advances in retina displays and the option of web browsers. In addition, smartphones have powerful displays which in turn will have better displays of fonts. 

 With @font-face declaration, you don't have to use "web-safe" fonts. You can define it in your code and src it in your file. Some of the implications of this some first-version browsers don't work well with it.

 On the other end of the typography spectrum is WOFF. WOFF stands for web open font format and it's a font format for web pages. The benefits of WOFF are better typography for the web - using OpenType, accessibility - real text can be read out loud, integrates more languages forms, SEO friendly, and preserves the brand of the typography.

 Overall I think web typography is becoming more accessible on every platform and for the users. There are vast options to get fonts and not just the photos of fonts.

Possible points: 20 points

Comments

Post a Comment

Popular posts from this blog

Stabilo - Every Organizers' Dream

Image
     If there is one thing you should know about me is that I am obsessed with organization and stationary items. One of my favorite pen and highlighter brands is Stabilo . It's website is pretty rad too.       They take pride in showcasing all of their products. When you view any type of product,for instance all the highlighters , it shows the actual size of the products, which I tested. They have a playful web design. It has a good mix of interaction between viewer and design.  When you hoover over the Stabilo Boss Original highlighter color , for example, the background changes color to the hoovered color. I also enjoy how Stabilo incorporated highlighting actions or writing actions throughout the website.       This is partly why I also like this website. I don't know how they created those type of features or what tools and techniques they used, but I know they easily coded the colors they had and c...
Read more

Can I get a resource?

Image
I'm now in the final semester at MiraCosta, so I am gearing up for graphic design and marketing jobs. What that entails is looking at A LOT of examples for my portfolio and my graphic design 3 classes. I'm looking at examples of website, fonts, layouts, and the list goes on and on. The one thing I notice that most website provides is the WHAT, but they never explain WHY it is a good example of [insert technical term here]. There is where Moo.com comes in. Moo.com has an inspiration gallery where it provides both great examples of product use and the explanation of why they are great examples. Check it out. One my favorite example is What is the big idea? Below are some of the examples of the media company that took a creative approach to advertising a service - typically an intangible idea.
Read more