Google Typekit Fonts used in Divi

Google Typekit Fonts used in Divi

In my most recent efforts in web development I have found that have tried to boil down all of my design decisions into a singular tool kit. All the decisions behind this selection of tools that I am choosing to confined myself to are based around streamlining maintenance of all of the web properties under my control. Part of this decision has led me away from the Joomla side of things long ago and has landed me square in middle of WordPress. As such I’ve had to decide what parts of working with WordPress need to be standardized and what are to avoided. Since I have decided that the theme is as important as the content management system fro many reason which i’ll get into later, I’ve narrowed my theme selection to what I believe to be the most versatile theme I can use as well as what types of extensions and plugins I will use. The result? Divi 2.x and hopefully any these that will work with the forthcoming Divi Builder Extension. 

divi_2-4_thumbnail

It has been with few regrets what I have designed most of my sites recently on. Divi comes with a certain selection of fonts that are available via Google Typekit. This has led to me trying to design around these specific pre selected fonts in order to facilitate tighter integration with the built in options of this template.

 

One problem that has come up more often than not is trying to choose a font for a specific line especially if the client does not have a finished brand. And of the thousands of fonts that I have to choose from, I find myself gravitating back to this selection of fonts available in the Divi theme so that I can more easily obtain and maintain a coherent look.

google_fonts-darkdivi-font-guide

The one glaring omission in the template stuff from Elegant Themes that I have found, is that there aren’t any font resources available. So I have created an Illustrator template that uses the same phrase put in every available font that is a option. All that is required as if you use the “find and replace” on the document and you’ll be able to see whatever word or phrase and every font available inside the Divi template. This should expedite design choices if you choose to try and match this subset of fonts.

 

So I decided to share this little tool. Hope you enjoy it!

 

Heres The .AI Proof Sheet with Pre-Flighted Fonts

 

All Google Fonts used in Divi and their Variants

 

Called Connected & Loved Coming to YouTube!

It looks like we’re going to be offering a bunch of videos from the “Called Connected and Loved” weekend! I’ve been logging video for the past couple of days and looks like we have well over 20 videos to edit together , not counting all of the music that we will be able to cut into individual pieces for YouTube. I’m really excited to share these with you guys ! keep your browser tuned to where ever you find out this information and I will make sure to pump out updates as they come.

Working with Deb

Working with Deb

 

Got magichandsbirth.com back I’m just spending some time with deb setting up the template to make it sure it’s very pretty

Enabling Virtual Hosts on MacOS X : evolt.org, Backend

Enabling Virtual Hosts on MacOS X : evolt.org, Backend
Enabling Virtual Hosts on MacOS X

As a web developer, it’s not unusual to have a multiple sites under development at the same time. Here’s how to develop as many sites as you want, with “root relative” calls for graphics, scripts, CSS, links, etc. and keep all of the files for any particular site together – and they don’t even have to be in the default web server document root.