Keep reading to see how serif vs. sans serif fonts and seven other font variations impact conversion rates.
Fonts vs. Typography vs. Typeface
More often than not, us laymen folk use the words fonts, typography, and typeface interchangeably.
What I’ve learned?
MAJOR no, no!
A lingering graphic designer reading this right now could appear out of nowhere and smite us for our ignorance if we didn’t clear the air first.
You think of a font as what you select when you’re about to use Microsoft word.
The definition of fonts actually stems back from the 15th century where computers weren’t real yet.
In fact, people had to use metal letters and numbers as you see in the picture below.
This massive collection of different characters is what makes up “one font”.
Regular, bold, light, italics, etc. They’re all part of one font –image source
Typography and typefaces describe appearance and style of the printed letter, character, and/or number.
Font = collection of characters. Typeface/typography = style and appearance of them.
As each font is different in style and appearance, it’s important for you to understand not only how it impacts the readability and speed of reading of your landing page design, but also how it affects thatvital first impressionit makes on your visitors.
Believe it or not, serif fonts have been shown to be easier to read on printed material, while sans serif fonts have been shown to be easier to read on the web.
Sans serif fonts are usually used by more modern companies and brands that attract a younger audience, while serif fonts are geared towards the newspaper generation of older web surfers.
But what’s even more confusing is that astudy showedthat people who read serif fonts on a site perceived themselves to understand, comprehend, and get through the reading quicker compared to sans serif fonts.
The crazy thing? The evidence of the study proved that sans serif people actually scored higher in comprehension and reading speed.
Obviously I don’t recommend using any type of cursive font for your landing page, even if you’re a luxurious high-end private jet company.
People who sit down at a restaurant aren’t about to leave. They’ll take their time to read and understand a menu.
Your landing page visitor on the other hand? They’re just one click away from checking out your competition.
Tommy Walker, former editor over at Conversion XL, put together anamazing in-depth articleabout typography and conversion rates.
In it, he shares a conversion rate test that was created on the New York Times website.
The 45,000 participants of the test thought they were being quizzed on the topic of catastrophic events and security, and if they agreed with a certain statement in the story, but in reality, it was a font test.
Baskerville had a 1.5% increase in people agreeing to the deciding statement compared to the other fonts.
1.5% might not seem like much, but if you’re getting traffic volumes like the New York Times, then that’s worthy of serious celebration.
Moral of the story? Choose fonts that are easy and quick to read – and be ready to test new fonts, weights, and spacing.
There are various tools you can use for landing page design creation and testing, to see what fonts work for you…
How Do Landing Page Fonts Affect Conversions?
To make things a bit simpler, understand that your landing page font’s goal isn’t to evoke deep rooted emotions or trigger some neurological rainbow of happiness in your visitors’ brains (although that would be sweet).
The goal of your landing page font is simply to be read.
“But isn’t that the same job as a landing page headline?”
Yes. But there’s a little more to it.
If a headline and subsequent landing page copy gets read, then it’s partly because it’s easy to read.
What you want to prevent is something that happened back in a1986 studyon printed paper fonts – Where people had to “continually backtrack and re-read sections to regain comprehension.”
So which fonts have been shown to have the highest legibility?
Or, you can be scientific and go with the2002 studyby Software Usability and Research Laboratory which concluded that Arial, Courier, and Verdana were the most legible fonts.
So just like simple font changes on a restaurant menu or newspaper can increase the perception of value and legibility, so can font changes on your landing page.
7 More In-Depth Tips on Landing Page Fonts
Okay, so now that you understand the importance of your landing page fonts, let’s dissect the different font elements you can test in your headlines and landing page copy to improve conversion rates.
Font Color Just like button colors have an importance in regards to conversion rates, so do the colors you choose for your fonts.
You’ve probably heard of the40 shades of bluethe Gmail team tested to measure higher click through rates on their buttons, but did you know Bing ran a similar blue font color test on their search results page?
Please enter a valid URL (e.g. www.myhomepage.com)
Send my free proposal
We Get Results
Please look out for an email from us.
Whoops! problem here.
Terms of Service
This website is owned and maintained by KlientBoost, LLC. By using this website and KlientBoost, you are entering into this Agreement with KlientBoost, LLC and indicating that you agree to these terms of service. If you do not agree with these terms and conditions, please do not use this website. You can contact us if you have any questions..
1. No Guarantee of a Specific Result. Regardless of any perceived representation to the contrary, Agency in no way guarantees a specific result for Client. Client understands and agrees that they are paying the Agency as a service to generate results, but that results are never guaranteed. It is understood and agreed to that the Agency has no control over Google or other advertising platforms and if they decide to make changes to their advertising platform.
2. Non-Disparagement. The Parties agree not to disparage, slander, or defame, directly or indirectly, each other or its principals, agents, officers, owners, directors or employees whether during the Term or after termination of this Agreement. Further, this term shall apply, without limitation, to all forms of social media and online forums.Nothing herein shall prevent any Party from making any truthful statement in connection with any legal proceedings or with any investigation by any governmental authority.
3. Limitation of Liability. Agency warrants that the marketing services as outlined in the formal proposal will be provided in conformance with the terms of this Agreement, however, Agency does not make any other warranties, whether expressed or implied, whether regarding the performance of the services it provides. EXCEPT AS EXPRESSLY SET FORTH IN THIS PARAGRAPH: (a) AGENCY SHALL HAVE NO LIABILITY FOR ANY SERVICES PROVIDED, INCLUDING ANY LIABILITY FOR NEGLIGENCE; (b) AGENCY MAKES AND CLIENT RECEIVES NO WARRANTIES, EXPRESS, IMPLIED, STATUTORY OR IN ANY OTHER PROVISION OF THIS AGREEMENT OR ANY OTHER COMMUNICATION; AND (c) AGENCY SPECIFICALLY DISCLAIMS ANY WARRANTY OF MERCHANTABILITY OR FITNESS FOR ANY PARTICULAR PURPOSE. Subject to the foregoing and notwithstanding anything to the contrary elsewhere contained, in no event shall the maximum aggregate liability of the Agency in connection with this Agreement exceed the monthly fee paid by the Client in the three (3) months preceding the claim. IN NO EVENT SHALL AGENCY BE LIABLE FOR ANY INDIRECT, SPECIAL, CONSEQUENTIAL, INCIDENTAL OR EXEMPLARY DAMAGES OF ANY NATURE IN CONNECTION WITH THISAGREEMENT AND THE SERVICES PROVIDED HEREUNDER, INCLUDING, WITHOUT LIMITATION, DAMAGES FOR LOSS OF BUSINESS PROFITS, BUSINESS INTERRUPTION, BUSINESS INFORMATION OR DATA STORAGE, GOODWILL, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES, ARISING OUT OF THE USE OR INABILITY TO USE THE SOFTWARE, EVEN IF AGENCY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
4. Force Majeure. Neither party shall be in default or otherwise liable for any delay in or failure of its performance under this Agreement if such delay or failure arises by any reasons beyond its reasonable control, including any act of God, any acts of the common enemy, the elements, earthquakes, floods, fires, epidemics, riots, failures or delay in transportation or communications or utilities, or any act or failure to act by the other party or such other party’s officers, employees, agents or contractors; provided, however, that lack of funds shall not be deemed to be a reason beyond a party’s reasonable control.
5. Default. In the event that Client fails to pay any fees or charges under this Agreement, Agency may immediately pause or continue this Agreement, among other available remedies, until the Client cures its default.
6. Governing Law. This Agreement shall be governed by the laws of the State of California without regard to any choice-of-law provisions.
7. Attorney’s Fees. In any litigation, arbitration or dispute arising under or relating to this Agreement, each Party shall be entitled to recover reasonable attorney’s fees and litigation costs.
8. Entire Agreement. This Agreement constitutes the entire agreement between the parties with respect to the subject matter addressed herein and supersedes all prior communications, agreements or understandings, written or oral, between the Parties. Any amendment to this Agreement must be in writing and signed by both Parties.
9. Severability. The provisions of this Agreement are severable, and if any provision of this Agreement is determined to be invalid or unenforceable under any controlling law, such invalidity or non-enforceability shall not in any way affect the validity or enforceability of the remaining provisions of this Agreement.
10. Assignment and Successors; Binding Effect. The rights and obligations of the Parties under this Agreement may not be assigned, transferred, pledged or otherwise encumbered without the prior written consent from the other Party in its sole discretion. Subject to the foregoing, this Agreement shall be binding upon and inure to the benefit of the parties hereto and there respective heirs, legal and personal representatives, successors and permitted assigns.
The Client agrees to be bound by the terms of this Agreement as set forth above and as of the Effective Date of when the kick off meeting between Client and Agency happens.
Contact Us Should you have any questions, then please contact us.
GET OUR LANDING PAGE SECRETS CHEAT SHEET
Find 5 secrets that even some of the top industry experts don't know.