How modern fonts can give your website a contemporary look

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 →

Key quotes:

• "With the use of its serifs and legible text, it’s sure to be a top font for the new year."
• "A simple yet stylish sans-serif font, Raleway can be used for many different design styles, making it a versatile font to select."
• "It’s such a detailed font it needs to be paired with something very simple."
• "When pairing it, you must have something subtle and clean like Roboto, which is a sans serif style font."
• "Designed by Branda Gallo, it works beautifully well with a simple san serif font, like Open Sans."
• "It is modern in appearance and needs to be paired with a slim font, like Lato."

Key quotes:

• "Another stylish font from Hannes von Döhren, Supria Sans takes the utilitarian clarity of Swiss-type design and gives it the subtle curves and fine detailing it needs to feel playful and fun."
• "This transitional serif typeface is available in two weights, regular and bold, each with matching italics."
• "Based on a typeface originally commissioned for LA clothing brand Nasty Gal, Mabry takes inspiration from both 19th-century grotesques and early 20th-century geometric sans-serifs."
• "Designed by Oswald Bruce Cooper and released by the Barnhart Brothers & Spindler type foundry in 1922, Cooper is a truly classic typeface."
• "Inspired by display serif typefaces from the 1970s and 80s such as Trooper Roman, GT Super was designed by Noël Leu, with help from Mirco Schiavone & Reto Moser, and released in 2018 through Grilli Type."
• "This beautiful serif typeface is available in text, regular and italic styles."

Key quotes:

• "To help you keep your website updated and fresh, I have picked my 5 favorite web design trends of 2018."
• "This style works best for a simple and clean web-page so the bold typography can stand out and make a statement."
• "Trozzolo is a great example of a site that uses bold typography."
• "Plus the use of video not only makes your site stand out but it also allows you to show more visual than a photo does."
• "Novella Brandhouse uses a simple b-roll of a person typing on a typewriter with a serif font overlaying the b-roll."
• "Tomboy Design Co uses a nice serif font for the headers of their site."

Key quotes:

• "Crimson Text –a serif font inspired by old-style typefaces– for the headings, combined with Work Sans –a modern, kind of grotesque sans-serif– for the body, make a solid combination of tradition + modernity."
• "Embed code: CSS code: Background color: #0057ffText color: #ffffff A high contrast combination that will impact your site’s visitors for sure."
• "Embed code: CSS code: Background color: #484d5cHeadline color: #ffce00Body color: #c0ccd4 Sometimes one font is enough to make your design stand."
• "Embed code: CSS code: Background color: #ff0d7bText color: #ffffff Robust, bold with a touch of elegance."
• "Embed code: CSS code: Background color: #674b7cText color: #f47362 Abril Fatface and Roboto make a fashionable and chic combination."
• "Embed code: CSS code: Background color: #ff3627Text color: #ffffff Vivid, bright, shiny."

Key quotes:

• "Download here This modern stencil style font designed by Nawras Moneer comes only in one weight in uppercase letters."
• "Download here This modern geometric san font is perfect down to the very detail of its curves."
• "The free demo font is the regular weight and looks great on social media graphics a well as logos and titles."
• "Download here Nothing is more modern — in the classic design sense — than a geometric sans font with clean lines and thick even strokes that sit perfectly against each other."
• "Download here Novelty fonts like Kontanter are great for modern and unique designs that need a real edge and special feel to them."
• "Download here This perfectly geometric and rounded font designed by Milena Brandau is gorgeous and perfect for any sort of modern project."