How elegant fonts improve the look and style of your website

Key quotes:

• "But if you’re starting out, resources like Google Fonts are an ideal way to establish your brand, deliver your copy and even speed up your website."
• "Remember: just because you, a knowledgeable and very attractive designer, prefer a font, doesn’t mean that it’s the right choice for your website."
• "Here are some cool advantages of using Google Fonts on your website: Lato Warsaw-based designer, Łukasz Dziedzic, created Lato to work transparently in body text and also to stand out individually when used in larger-sized titles."
• "Nunito Another Vernon Adams creation, Nunito is a sans-serif font designed as a display font."
• "With 8 different weights available, it’s a versatile, attractive font which we’d recommend using when you want a smart, stylish sans-serif heading."
• "Oswald A reworking of the classic early twentieth century ‘Alternate Gothic’ typeface family, Vernon Adams’s Oswald font is designed for digital use on computers and mobile devices."

Key quotes:

• "I’ve always been a fan of good typography and reading the book Better Web Typography for a Better Web by Matej Latin made me understand how using effective typography can not only improve the look and feel of your site but also the User Experience (UX) of it too."
• "People think typography is all about fonts, at least that’s what most designers think, but it isn’t, typography is about expressing language through type, it’s about clarity."
• "They are: This is all I’m going to mention about the anatomy on typography, but do know that the x-height is one of the most important parts to remember, as typefaces with larger x-height are considered to be modern and are generally easier to read."
• "As stated earlier, good typography invites the user into the text, it’s about expressing language through type and it’s all about clarity."
• "Most sites use text that are too small and therefore lack readability, are too short making the user skip some text or are too too long making the user get tired really quickly."

Key quotes:

• "While serif fonts are considered to be best for body text, sans serif fonts are considered to be better for section headers, captions, lists and titles in your infographic."
• "In contrast, the creator of the next infographic used a mix of serif fonts and sans serif fonts, creating a very sleek, classic look that pairs well with the topic of cooking."
• "To make a well-designed infographic, it’s important to establish for yourself what sizes, weights, and fonts you’re using throughout different sections."
• "Just like choosing a color palette, you need to find fonts that work together and then assign them to different parts of your infographic."
• "Here’s an example of how a font palette might be broken up based on the organization of your infographic: In general, you shouldn’t be using more than 2–3 different font families."
• "The example on the right, on the other hand, uses four different fonts that don’t have the same level of contrast with the icons."

Transcript: Hi there, my name is Dan... and this is a free extract... from my longer Dreamweaver course that's available on bringyourownlaptop.com Don't worry, there's lots of free stuff here. Check out the descriptionfor the Exercise File... so you can play alongwith this tutorial. Also, in the description there'll be a link to the Play List... that will show you all the stuffthat is free as part of this course. All right, let's get on to the tutorial. Hi there, in this videowe're going to change... this ugly Times New Roman font... to this lovely Open Sans Condensed font. And we're also going to haveto change the spelling of this. I've just noticed that. You've probably been in thiswhole course, going, "Wow, change it." I'll change it before the endof this course, I promise. So let's go and add fontsusing Dreamweaver. So what I want to do now is changethe font that's in here. Now I could find, say, my Desktop view... and you can see, ul, li, and the a tag. So that's the thing I want to change. How do I know it's that one I wantto change? I go to 'Type' here. And I say 'Font Family', and... See more →

Transcript: You want to know how to stop wasting hours trying to choose the right font this video is gonna help you do that hey everybody what's up and welcome to another segment of designer mind where I try to help you become a better designer and in this episode I got a question about how I choose fonts for my project and I do want to share some of my learnings or the process that I've developed because obviously when I was just starting out as a designer I used to trust my gut feeling just look at a lot of funds waste hours trying to look at you know fonts and try to make sure that is this the good fit for this project or not or just look up at what other people are doing or is it a trendy font and use that and obviously that wasn't very successful in terms of I couldn't make the right decision for each project and as I said I wasted so much time and so here's the framework of how I think about this today first of all let's try to understand what is what are we trying to do... See more →

Transcript: Okay let's talk about something really useful Google Fonts now back in 2010 Google started to offer web fonts for free and it quickly became the biggest repository the fastest repository for free fonts to use on the web I can have fonts installed on my computer that's great that's wonderful and I can come in here and I can say that I want to set the font family to something that I have installed on my computer that's gonna work for me if I'm looking on my web pages on my browser on my computer but somebody else may not have that same font installed that's why we build font stacks with the fall backs google fonts or web fonts in general this is how we use some really nice fonts that are available for free I could in theory upload a font from my computer to a web server link to it from there and that anybody in the world can use it but if I don't have a license for it then I'm guilty of copyright infringement there are fonts that are designed to be used for print publishing there's fonts that are designed to be used... See more →

Key quotes:

• "Generally Font pairing makes the layout of the website looks more better."
• "This means that the designer choose two fonts in order o set the text."
• "In web design, it is a big challenge to improve your designs with paired fonts."
• "Web Designing Company Chennai gives you some useful ideas to consider before picking the font for your site."
• "Consider Context is important The text in the website should be readable at the size and also the clarity is important."
• "Make sure that your text style should coordinate with your design."