Home 5 Web design 5 Font typeface, colour and size…Oh my!

Font typeface, colour and size…Oh my!

Feb 4, 2019 | Web design

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

Surfing the web for hours and hours every day can take its toll on your eyes. Staring into the abyss of content that can range from extreme contrast (black and white) to minimal contrast (ranges of grey) can really irritate and give your eyes an extreme workout.

There are remedies out there, however, for such eye strain:

  • The 20-20-20 rule. Taking a 20 second break every 20 minutes and look at something 20 feet away.
  • Reduce overhead light to reduce screen glare.
  • Change your computer monitor settings to reduce screen glare (brightness a little dimmer).
  • Sitting further back from your computer screen.
  • Blink more often, take more breaks, get glasses, etc.

Fortunately, website designers have done their part in the last five years or so by utilizing Google fonts to help reduce your eye strain! When designing websites twenty some years ago, the general idea was to have very high content contrast. White on black, and black on white – with the use of six or seven web safe fonts, of which only one or two were easy on the eyes. Over time, content design has been updated to use a dark grey font on a light grey background to ease the extreme contrast of black text on a white background. This design practice has made it far easier to read for longer periods of time, and much less hard on the eyes. This practice has been around for years (mainly utilized by newspapers and magazines) before really taking off within current website design.

Google typeface choices and font sizes have also helped with the ease of eye irritation. Fonts from Google such as Quicksand, Rooney, Karla, Roboto, and Montserrat (which come in different weights), go along with the old tried and true fonts like Helvetica, Arial and Georgia – all of which can be displayed in multiple weights and sizes on websites.

By mixing grey tones, font choices and the ability to increase font sizes without ready difficulty, designers can do their part in helping ease the tension on the web surfer’s eyes. Of course, this only applies for desktop versions. Talking about what mobile surfing does to eye irritation is a whole new story!

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” status=”published” publish_date=”” class=”callustoday” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”70px” padding_right=”” padding_bottom=”30px” padding_left=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

Give us a call today! (780) 473-4600

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]