It’s Friday, June 22, 2018 in Austin, Texas
Fonts and Typography on Modern Websites
"Browser text" -- or text that is rendered by the browser has always proved challenging for web designers. The advantage of using browser text is that it is editable, easily changed, searchable and readable by search engines web bots like Google. It can be automatically enlarged using different browser settings, and style changes can be made site wide relatively easily and quickly by altering CSS cascading styles sheets.
The main disadvantage of browser based text has always been that one was effectively limited to using standard universally available web fonts like Arial, Verdana, Georgia -- as the fonts used on a website also had to be already installed on the end user's machine to see the website properly as the designer intended. The creative, fanciful fonts that web designers would often like to use for headlines or titles were generally not widely distributed among most web users. Thus web designers would generally use "browser text" for the body of articles, and use graphics for headlines and navigational elements. The problem with graphic image headlines is that they are not readable or searchable by search engine web bots. They must be changed manually in a program like Photoshop, and they aren't easily or quickly altered.
Modern browsers have incorporated various methods for actually embedding font files into websites, and the actual font is downloaded with the web page files and images. There have been many issues to overcome here as different browsers use different font file formats. Additionally, fonts used on websites required a special paid license to allow downloading and use of the font by web visitors -- whereas, fonts used in graphic files only required a license for the designer who actually created the original graphic (as the actual font file did not need to be downloaded to view the graphic). Most typography companies have added an additional add-on license fee to allow certain select fonts to be embedded on websites.
There has been a recent movement to make the embedding of fonts on websites quicker, easier, and less expensive for website creators. This allows web designers to create more visually attractive websites with dynamic and easily updated content.
Google has attempted to improve typography options for designers by providing a growing selection of free open source licensed fonts:
They actually provide a Web Fonts API which hosts and loads the fonts off their super fast servers.
Typekit is another company that has tried to make it easy to add a wide variety of fonts to a website at a nominal price.
Typekit currently has pre-licensed approximately 600+ fonts for use on websites. They host the fonts for you and you select and save the fonts you want to use into kits. The annual price ranges from free to $99.99 for sites like e-commerce that require the ability to serve fonts over SSL connections.
Both sites mentioned above have tried to make it as easy as possible to create and use attractive, interesting fonts on your website.
P.S. One should keep in mind not to use too many downloaded fonts on a single page, as this could slow page load times. It would be advisable to only use 1 or 2 of these fonts on any one page.
be prepared - choose wisely
Here are some helpful hints and direction on the skills and knowledge your web designer should have.
save as many as you can!
With Austin making headlines and ending up on virtually every "Top 10 Best City for..." lists -- we now have about 150 people moving here daily!! We figured we should warn potential new residents of the hidden dangers of moving to Austin.
How I discovered my ancestor Pocahontas and her Sullivan family descendants of Northern Virginia using the web - a genealogy posting by Bob Atchison.
Here are some images showing my favorite semi-precious stone animals with jeweled eyes from my collection and stories of the stones and where they come from.
As you have probably read it has been extensively reported that Golden Gate Killer was found using data from GEDmatch. It's an amazing story.
Hummingbird Farms, the famous maker of body lotions seen on QVC , upgrades website with huge new product images, which increases sales
When users install or upgrade to Windows 10, "display scaling" may be turned on "by default" to either 125% or 150% resulting in blurriness when viewing websites or applications on certain monitors.
Bob Atchison's guide to find rare, antique and cabbagey roses to order online. Here you'll find the best sources with roses I especially love and recommend for your garden.
If you are a realtor or real estate broker, you need a website to advertise your business and attract new clients. Get clients to stay on your website by providing access to Multiple Listing Service (MLS) real estate listings.
Is Scotty Bowers, the famous Hollywood pimp telling the truth about Spencer Tracy and Katharine Hepburn being gay? Here's a confirming story...
The unspoken fear all web designers dread - you've been asked to use cursive fonts! There is no escape... yes, it has happened to me, Bob Atchison, many times and I have the battle scars to prove it. Here are some cursive fonts I actually like.