Stop Typekit Fonts Appearing Until They’re Loaded

This is a simple little trick that fixes a major annoyance for me. Most websites using Typekit fonts take a second or so longer to load — and before they’re fully loaded, any underlined areas show up incorrectly for moment.

It’s hard to notice on the desktop, but much more obvious on mobile. This simple piece of CSS code hides all text that’s using a Typekit font (so all text on Chasing Perfection), until the typeface is loaded.

The specific CSS code I added to my CSS here is as follows:

.wf-loading {
    visibility: hidden;
}
.wf-active {
    visibility: visible;
}

Check out Typekit’s guide before trying this on your own site, but it’s fairly simple to implement and solves a little annoyance.

How to Backup Squarespace 6 Websites

When it comes to backups, I’m certainly not perfect, but most of the good ideas I read online are put into practice in my setup. I use Dropbox, Time Machine, SuperDuper and multiple computers, so I feel my data is pretty secure.

When it comes to my website, even though Squarespace are awesome, I feel obligated to store some kind of backup of my data myself. For this reason, every two weeks, I export my blog’s content and store it in Dropbox. It takes about a minute to do and is certainly worth the time.

The XML file Squarespace generates is fine for importing into a WordPress installation, although I have no plans to do so. Opening the file in a text editor and performing a search is likely the only use I’ll have for this feature, but I enjoy knowing it’s possible. Squarespace supports importing from WordPress, so I have to imagine an exported WordPress XML file created by Squarespace is 100% supported by Squarespace when importing. I will test this out myself.

If you use Squarespace, I highly recommend performing this export as often as you think necessary — just in case Squarespace happens to lose your data.

Setting Up Google Verified Authorship with Squarespace 6

Squarespace updates itself surprisingly regularly, which is one of my favourite features of the platform — so long as the updates are improvements. So far, they all have been.

Google Verified Authorship is having your Google+ account tied to your Squarespace account. It’s fairly simple to set up, but I found the instructions provided in the “account settings” area of Squarespace to be quite confusing. The support team provided me with a link to this easy guide. If you’re running Squarespace 6 and would like to help improve your SEO, here’s what you have to do. It’s simple.