Typography – Web Design Ledger https://webdesignledger.com By Web Designers for Web Designers Mon, 07 Sep 2020 11:51:40 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.5 https://webdesignledger.com/wp-content/uploads/2015/08/cropped-Web-Design-Ledger-512x512-Pixel-32x32.png Typography – Web Design Ledger https://webdesignledger.com 32 32 A Designer’s Guide to Kerning, Tracking, and Letter-Spacing in 2020 | L e t ‘ s D o T h i s https://webdesignledger.com/kerning-tracking-and-letter-spacing-2020/ https://webdesignledger.com/kerning-tracking-and-letter-spacing-2020/#respond Mon, 07 Sep 2020 11:47:24 +0000 http://webdesignledger.com/?p=50391 Have you ever been working on a project, added some text, only to notice that you love the font, but something looks terribly, terribly off? That’s what we call a kerning issue. Today we’re going to go over some simple rules of kerning, tracking, and letter spacing in graphic design. Let’s do this! What is […]]]>

Have you ever been working on a project, added some text, only to notice that you love the font, but something looks terribly, terribly off?

That’s what we call a kerning issue.

Today we’re going to go over some simple rules of kerning, tracking, and letter spacing in graphic design.

Let’s do this!

What is Kerning and Tracking?

Kerning is defined as the amount of space between two letters, or other characters, such as numbers, punctuation, etc.

Tracking refers to loosening or tightening a selected block of text, while kerning is the process of adding or subtracting space between specific pairs of characters.

source

Tracking and kerning are absolute essential parts of design, and can change the entire look of your design with literally the slide of a button.

Proper kerning and tracking can take your design from something boring, to something with incredible visual appeal.

Tracking

Tracking, which is also commonly known as letter-spacing, controls the consistent space between letters that are across a block of text.

The spacing will be consistent throughout the entire block of text, and this method of spacing is most typically used in headings and logos.

If you want to increase the space between characters, then you need to adjust the value with positive number, and if you want to decrease the space, the use negative values instead.

Here are some before and after examples of tracking usage.

Kerning

Okay, so, to understanding kerning a little bit better, imagine this.

You remember those old wooden type boxes?

They looked a little something like this.

So while tracking refers to the consistent space between letters, kerning refers to the space between each individual letter.

You can imagine that each letter in any given typeface is like that old wooden type boxes. Each letter has a box surrounding it, making it impossible to move the letters closer together while you type.

Until you adjust the kerning.

When you adjust the kerning, it’s kind of like you manipulate that bo, and adjust it to your liking.

As you can see in this picture, manual kerning is definitely the way to go.

Letter Combos To Beware Of

The right amount of kerning and tracking will make or break your design.

You can have an ugly typeface and adjust the tracking levels, and suddenly, it’s incredibly aesthetic and visually pleasing to the eye.

A couple of things I do want to tell you about, so that you can learn from my mistakes and I can make things easier for you, are some weird letter combinations that just don’t look right.

I’m going to let you in on some letter combos that you can always be on the look out for so your design is always the most optimal.

•Slanted letters like: A, K, V, W, Y

• Letters with arms or cross strokes: F, L, T

• Letter combinations: W or V + A (any order); T or F + a lowercase vowel

These letter combinations don’t typically look good, from a kerning perspective.

So that’s where you as a designer come in and make the adjustments to your liking.

I just saved you a lot of time, so now you don’t have to look and wonder what looks wrong in your typeface design.

You can just automatically look at these combos and make some changes.

You’re welcome.

Wrapping up

Kerning and tracking are things that will always improve the more you experiment with them.

So, now that you know what kerning and tracking is, keep up the good work, keep trying out new things, and see what vibes with your style.

And of course,

Until next time,

Stay creative, y’all!

]]>
https://webdesignledger.com/kerning-tracking-and-letter-spacing-2020/feed/ 0
An Intro to Adobe Edge Web Fonts: Updated for 2020 https://webdesignledger.com/intro-to-edge-webfonts/ https://webdesignledger.com/intro-to-edge-webfonts/#comments Tue, 26 May 2020 12:05:00 +0000 http://webdesignledger.com/?p=30565 With the release of Creative Cloud 2015, Adobe has continued its tradition of generating a buzz in the tech sector. In addition to major updates on their programs like Photoshop and Illustrator, Adobe has also released a new platform named Adobe Edge Web Fonts. Edge Fonts is a stunning font foundry that web designers can […]]]>

With the release of Creative Cloud 2015, Adobe has continued its tradition of generating a buzz in the tech sector.

In addition to major updates on their programs like Photoshop and Illustrator, Adobe has also released a new platform named Adobe Edge Web Fonts.

Edge Fonts is a stunning font foundry that web designers can use 100% free for all design work.

If you’re familiar with Adobe and the creative cloud platform then you know about TypeKit.

This is Adobe’s premium font service which costs money.

adobe font packs 2020

But with the release of Edge Fonts Adobe now provides an alternative to TypeKit, offering web designers over 500 different font-families to choose from.

I’ll give you an overview of Edge Web Fonts and why designers should be excited about this amazing collection of typefaces.

Edge Web Fonts Homepage

Worth the Wait

In the recent past Google has dominated the web font game. Simply put, no other service provided an extensive collection of web fonts for free.

There is no denying that Adobe TypeKit is extremely popular among web designers. But the price of TypeKit often caused people to stray from using it.

Because Edge Web Fonts is free to use commercially, Adobe now provides an alternative to the once unrivaled Google Webfonts.

Edge Web Fonts aims to provide a free service that is easy to use.

Just like Google Fonts, a person does not need any sort of account to utilize Edge Fonts library (Scroll down for an update on this).

In addition to being easy to use, Edge Fonts is powered by the TypeKit font service.

Users can expect high-end performance and stability for their web fonts.

Edge Web Fonts User Interface

Edge Web Fonts UI

In the image above you can see the interface Edge Web Fonts provides for choosing fonts.

For those of you who’ve used Typekit in the past, you’ll notice the Edge Fonts website is strikingly similar to that of TypeKit.

As a TypeKit user myself I think this is pretty important to note.

The user interface was one of the main reasons why I continued to use TypeKit, and now Adobe is providing this to web designers for free.

Edge Web Fonts Serif Filter

In the example above I’ve narrowed the choices down to only serif fonts in order to show you a basic example of how Adobe’s interface works.

Although this may not seem very powerful, it allows you to sift through font faces that are alike in some way.

Edge Fonts also allows you to search fonts depending on whether they will be used as a heading or paragraph text.

This interface is much easier to choose the most appropriate font for whatever environment you’re designing.

Google Fonts is indeed a tremendous font foundry for web designers, however, sifting through the extensive number of fonts can become a problem.

It seems Edge Web Fonts has a leg up in this regard.

Adobe Edge Web Fonts – 2020 Update

Adobe Fonts homepage screenshot 2020

In 2018, Typekit was finally and officially renamed as Adobe Fonts.

And that was great for all of us. With this new name came many new, much-needed updates.

For example, there are no more web-only fonts, no more desktop sync limits, and no more pageview limits.

And now instead of only having 500 fonts like there were when it Adobe fonts was first released, there are now thousands of fonts for you to choose from.

thousands of fonts on Adobe Fonts

Adobe Fonts is free to use IF you have a subscription to any one of their products.

It is no longer a standalone product like it was when it was Typekit.

That is a bummer, but hey, you gotta do what you gotta do.

And chances are, you probably have a subscription to Adobe.

So you should be good to go.

adobe fonts free price

The great thing about Adobe Fonts is that you don’t have to worry about finding the rights to any font you fall in love with, as Adobe takes care of all of that for you!

All fonts are free to use for personal and commercial use.

This means that once you find that perfect font for your project, that’s literally it.

No more contacting the owner and buying the rights to it.

That’s right, you just get to keep the perfect font.

Isn’t that amazing?

Top 10 Adobe Fonts Designers Use

Before we end our time together today, I want to show you my top 10 favorite fonts from Adobe Fonts.

If you’re not convinced that you need to be using Adobe Fonts yet, well, after this, I’m almost certain you will be.

1. Acumin

Acumin adobe fonts 2020

2. ITC Avant Garde Gothic

ITC Avant Garde 2020 adobe fonts

3. Orpheus

4. ITC Benguiat

5. Plantin

6. Minion

Adobe fonts 2020

7. Franklin Gothic

8. Proxima Nova

9. Baskerville

10. Mrs Eaves

Conclusion

In order to truly grasp the power of Edge Web Fonts you’ll have to check it out for yourself.

Not only does it provide an extensive number of fonts, it also makes the process of finding them quick & easy. Also you should remember that Edge Web Fonts provides premier performance for your font styles by utilizing TypeKit!

You’ll surely not be disappointed when you see what has been given to web designers with the incredible Edge Web Fonts service.

]]>
https://webdesignledger.com/intro-to-edge-webfonts/feed/ 2
The Best Packaging Design Ideas for 2019 You Need to See https://webdesignledger.com/best-packaging-design-ideas/ https://webdesignledger.com/best-packaging-design-ideas/#respond Tue, 29 Oct 2019 11:58:44 +0000 http://webdesignledger.com/?p=48979 Your product could be the most amazing and useful product in the world, but if your packaging is not on point, then your entire business could be in some major trouble. Imagine this scenario: You’ve designed the best product in your field, invested all of your funds into creating the product, and put packaging design […]]]>

Your product could be the most amazing and useful product in the world, but if your packaging is not on point, then your entire business could be in some major trouble.

Imagine this scenario: You’ve designed the best product in your field, invested all of your funds into creating the product, and put packaging design on the back burner. You get on a free mock-up website, make something in an hour, call it day, and show it to your investors. 

Terrible idea. 

juice summery packaging ideas

In my personal opinion, you should put just as much effort into the packaging design of your product as you put into the product itself.

According to science, it only takes a person 1/10th of a second to create or form an opinion about someone or something. That gives you literally not even one second to give someone a great first impression. 

The first thing your potential customer is going to see is your packaging. And you better hope to goodness that you’ve aced your first impression and wowed your target audience with your packaging design.

Best Packaging Design Ideas for 2019

I’ve rounded up 20 of my favorite packaging designs for you to be inspired by for your next design project.

Let’s check em out!

1. Mint

mint pastel color packaging design

[source]

This face wash for men is so simplistic in its design that it’s easy and enjoyable for the eye to look at. The black color of the face wash gives off tones of luxury and the pastel colors on the box, combined with flat design, simply works for this packaging. 

 

2. Care Market

care-market-pt2_5_2x packaging design pastels

Continuing on with the pastel trend, we have Care Market packaging design. The palette they chose here is lovely, as pastels have been all over the place this year. The consistency in font usage is just perfect, using only two different fonts and using dividing lines between each new phrase. 

 

This packaging design shows us that you don’t need elaborate graphic designs to exude elegance and professionalism. All you need is a great color palette, and nice, coinciding fonts. 

3. Botany

botany-hemp-packaging-design

[source]

Less is more, as the saying goes, and botany nailed it. Minimalist, flat design is the key here and with three different color schemes that all complement each other, I can wholeheartedly say, I believe this design will catch the eye of anyone who is looking for a high-quality serum. 

4. Roji

roji juice packaging design

When someone is looking for a healthy drink, they’re going to be looking for sleek, professional fonts that look organic. My favorite part of this packaging design is that the designer thought through the choice of font colors. 

 

Since the bottle is made of glass, you’ll be able to see its contents and the yellow font matches the beverage inside the bottle. The yellow-colored font perfectly complements the contents of the bottle. A simple, well-thought-out packaging design overall.

 

5. Sophia’s Tea

sofias tea packaging design ideas

Stepping out a little bit from the pastel color palettes and into something a little bolder, we have Sophia’s Tea packaging design. Flat design really has taken the lead in 2019. We see it all over the place. And luckily for us designers, it makes our job a little easier. 

 

What I appreciate about this design is that the name of each drink matches the design of each recipient. The color scheme on each bottle matches each other, making a buyer recognize the brand, if they were to see each bottle on a shelf in a store. 

6. Juice.

juice summery packaging ideas

Since we’re on a drink roll, check out this summery packaging design for juice. Again, we’re hit with flat design and beautiful colors. The font sticks out perfectly on the foreground of the design. Juice. Simple, clean, clear, and to the point. 

7. Brightland

brightland_packaging ideas

I’ve never seen an olive oil packaged quite like this. At first glance, you would wonder what this beautiful bottle is doing in the oil section. 

 

You’re inclined to pick it up, you read that it’s olive oil, you’re shook, you compare prices between this and another oil, you realize it’s the same price, and naturally you buy the more beautiful packaging design of the two products. Hit people with original, innovative designs and you’re sales will skyrocket. 

 

8. Mayberry Spirit Co.

mayberrylables_2x packaging whiskey ideas

[source

This bottle makes me want to have a nice, classy night at home with all my friends. The vintage font works beautifully with the design of the bottle, and I love that the color schemes match the rich color of the whiskey itself. 

9. Gatorade

gatorade_iconoptions_packaging_design

Here are some rebranding sketches for Gatorade. Simple design that gets across, yet still embraces the originality of the Gatorade logo. You won’t lose any brand recognizability, and it looks more modern.

 

 

10. The Restored 

the-restored-packaging design for vitamins

The packaging design for these vitamins is everything. The manly, muted earth tones will remind a person of organic produce, making them trust your brand even more. Color association is very important when it comes to designing your packaging and establishing your brand, so choose wisely! 

 

 

 

11. The Restored

the restored womens vitamins packaging design ideas

Here’s a second version to Restored vitamins. This packaging design is a touch more feminine, using a more pastel green, and creating more dimension in the background by using two different colors. The pop of orange in the corner brings the eyes to the directions.

 

12. American Crew Fragrance

american_crew_fragrance packaging ideas

This simplistic design is one way on the box and reversed on the bottle. By using one font, they really had to play with the scaling and spacing of letters and words to make it interesting and captivating. Again, packaging design can be simple and just as engaging as a super complicated design.  

 

 

 

 

13. Roys Morning Serum

 

roys morning serum packaging ideas and design

Roys morning serum has two beautiful colors: a muted pink and a relaxing gold. Color association is everything. If you can convince your customers that your product is what they need and you really sell your product by having a luxurious packaging, you’ll have clients talking about you for days. 

 

14. Zinus

zinus-packaging-design box

 

You can recognize an eco-friendly package design from a mile away, and most people are becoming very concerned and aware of their consumerism and trash contribution to the world. Using a bio-degradable packaging or using recycled material will help you loads when it comes to sales. And you’ll be helping the world. It’s a win-win.

15. Mapuche Maqui

Sometimes, making healthy choices isn’t the easiest or most fun, so presenting a fun looking health product can be key in your sales. This berry powder packaging design looks fun and friendly, used flat design, a beautiful color palette, and bold font. With all these elements combined, surely it’ll catch the eye of a customer. 

 

16. Botanical Coffee Co

This coffee design is so relaxing to look at. The intricate design on the sides, the simplicity on the front, and the choice of font combinations are just lovely. Again, going with flat design and pastels. See the pattern? 

 

 

17. Publix Cereal Line

magic star snack packaging for kids

Did you know that the color red increases your appetite significantly? The designer here for kids cereal certainly knew what they were doing. By combining real-life elements and flat design, kids will surely be intrigued by this design and be inclined to beg their parents for the cereal. 

 

 

18. Coffee

easy_on_the_eyes_coffee packaging desing

This coffee packaging is so bright and captivating, yet still has colors that are easy on the eyes. When choosing your color palette, you need to be sure that you’re choosing colors that soothe and colors that people want to look at. And of course, brand colors that represent you and that your audience will enjoy. 

 

19. Tesco Fish

fish packaging branding design

Check out these “fishy” illustrations! What I really enjoyed about this packaging design was the fish. I love the very finely defined, cut-off design of the fish, and then the can and text. Each fish is design to represent its kind, and I find this design very creative, colorful, and appetizing. 

 

 

20. Moon 

And finally, we have Moon Night Cream. Notice how to colors and graphic designs represent the night. So simple, clean, and fresh-looking that you actually can’t wait to use this cream tonight before bed.

 

Wrapping things up 

As we all know, packaging is everything when it comes down to actually selling your product. Make sure your design represents you, your brand, and your product, and is creative and makes people feel like they need what you have to offer, in their lives. 

I hope you found this article inspiring and you’re more than ready to jump into your next design project.

Until next time,

Stay creative! 

]]>
https://webdesignledger.com/best-packaging-design-ideas/feed/ 0
The Right Pairs of Fonts https://webdesignledger.com/the-right-pairs-of-fonts/ https://webdesignledger.com/the-right-pairs-of-fonts/#respond Tue, 02 Jul 2019 08:07:57 +0000 http://webdesignledger.com/?p=48570 The Right Pairs of Fonts Are Like Peas in a Pod When fonts are matched together correctly, they really make the perfect pair. Pairs are everywhere around us – our socks, best friend, partner, peanut butter and jelly, and the list could go on.  Thinking about fonts without thinking about font pairs is half the […]]]>

The Right Pairs of Fonts Are Like Peas in a Pod

pairing fonts

When fonts are matched together correctly, they really make the perfect pair. Pairs are everywhere around us – our socks, best friend, partner, peanut butter and jelly, and the list could go on. 

Thinking about fonts without thinking about font pairs is half the concept. After all, we’re all better in pairs, and there’s no exception with fonts. When a font is paired with a good partner, the original font is enhanced, and your ultimate design goal is accomplished. Let’s not get ahead of ourselves though.

The key to picking font pairs is to start with the correct font. Sounds simple, enough. When you think about choosing a font, what comes to mind? 

The style and overall design of the project, or rather, the appearance of the words? You aren’t incorrect, yet you’re also not completely correct. Choosing a font has so many layers and complexities to the process, but we’ll map it out for you. First, let’s define the goal of a font.

Change Your Mindset

Fonts are constantly advertised and viewed as just a last minute design. When changing the font for a school paper, or a company proposal, you may not put much thought into the font you change your text to. 

Elegant_Hire

Yet, fonts can add credibility to your content, make content more readable, present content for better conversions, and market your information to evoke feelings within your readers, which ultimately increases sales. 

Sometimes it’s the little changes that matter the most! The beauty and challenge with fonts are that they’re always displayed. 

Meaning, if your font is hard to read, then readers will just click away onto another website with much more readable fonts. The competition is higher than ever to get website visitors on your page and staying – don’t make your font the reason they click away. 

The Goal of the Font: Convey the Message

Although fonts do project a style and design, their main goal is to translate the marketing message. Think about it, without a font, your message wouldn’t be conveyed at all! They are the vehicle that translates the words you want your target audience to read. It doesn’t end there. A font translates much more than the physical message. 

You’re also communicating a feeling. Think about why we dress up for an interview or an important business meeting. We’re communicating an image without saying anything. That image is backed behind emotions. 

If the stakes are high like a proposal meeting, then perhaps you’d dress in business professional in order to seem credible. Think about selling a home. Why did you trust one realtor over the other to work with? 

Sometimes overdressing can separate yourself from your audience rather than associate yourself with them or seem trustworthy to your audience. If you’re aware your price range is on the lower side, you may feel intimidated and unsettled if your realtor is overdressed because they may not understand your situation.

Choosing the correct message to portray to your audience is a challenge within itself, but most likely if you have a marketing campaign, you already know this! If you’re a bank, you want to come across as trustworthy. 

If you’re a rolling skating arena, you want to appear fun. Finding it hard to see which feeling your business is trying to embody? Think of what emotions your business wouldn’t want customers to associate you with.

Serifs and Sans Serifs

pairing san serif and serif fonts

Once you’ve come up with this message, you’re halfway there. Choosing a font is merely finding a style that represents this. Be aware of the different styles of fonts like serifs and sans serif fonts. This could be an easy deciding factor that could narrow down your search! Generally, serif fonts have a traditional style. 

These are the fonts that have the little feet at the end of each character. Sans serif fonts were invented after, and are usually considered a much more modern font. These fonts, not containing the feet at the end of each character, display well on digital screens. Upon picking a serif or sans serif font, experiment with the font against your design and how the font is described online. 

pairing the right fonts

Serifs and sans serif fonts pair extremely well together because they have what the partner doesn’t! 

A great example of this is April Fatface and Roboto. Abril Fatface takes the spotlight, while Roboto takes a backseat, with its simple lines and versatile design. 

pairing the right fonts

Another great example is Dancing Script and Josefin Sans. Both fonts have a similar delicate design that looks handwritten. Yet, Dancing Script could only be displayed on headlines or else it would overwhelm the readers, and Josefin Sans effortlessly simple. 

Finding Your Font’s Perfect Pair

Once you’ve got a font or an idea of a font you’re looking for, it might be time to use a font combination tool. These are great because they make the pairing process much smoother. If you have no idea where to start or aren’t into design, a font combination tool, like this one by Bold Web Design Adelaide, is a great place to find inspiration or start to realize what you like and don’t like in a font. 

pairing the right fonts

Think of pairing fonts like music. There’s a melody and a harmony. One takes precedent: the melody. Without both, the music would feel incredibly empty. It may seem like the melody is more important, and it may relay the main message, but both are needed to make a song. They define each other, as without the melody the support music wouldn’t be called harmony and vice versa.

Pairing fonts is exactly like the melody and harmony in a song. One is the focal point that shines through, which I like to call the focal font. This is the font that usually has more personality, and is used for headlines or larger text. With two focal fonts, your reader would be incredibly overwhelmed when reading through your information. 

Pairing fonts is a balancing act, requiring both fonts to work together and not to take up too much attention from your readers. Secondly, both fonts have to be compatible. This relays back to your marketing messaging. You wouldn’t release a marketing campaign with one ad that’s creative and fun, and another that’s scary and serious. Ensure both fonts align with the message and emotion, and compliment each other. 

Pairing fonts is a great way to differentiate information from each other. Just as we section content within an article with headers and subheaders, different fonts can be used for the headers and paragraphs to further associate a transition within the content. 

Text that you want to stand out can be placed in a standout font, and support with a much simpler font. Even the weights of fonts within a pair can be changed, making a font bold, thin, italicized, and other variations to increase its versatility. The possibilities are truly endless. 

Play around and get familiar with the options out there. Once you’ve accomplished this, pairing fonts is a piece of cake. Your fonts will work together like a seamless song.

 

What Not to Do 

 

Don’t choose a font blindly. Picking the correct font for your business takes awareness and understanding. A font that works for another company, may not work for yours. Rather than looking at fonts as a design decision, think of it as a sales decision. 

how to pair fonts

If you’re just picking a random font from a list without much consideration, you could be throwing away potential leads to your products and services without even knowing. Within the age of digital content galore, you want to set yourself apart from the rest. 

A font is the puzzle piece to a unique brand identity and a competitive edge! Don’t put two loud fonts together. A font that definitely has a “personality” should not be paired with another font like it. 

Find a versatile font to pair with loud fonts or pair two versatile fonts together. Versatile fonts are simple and readable like Arial or Roboto. 

Conclusion 

At the end of the day, a font can always be changed if not now, later. Test different fonts and see which ones work well for your company’s design. If you’re working with print materials, print a couple of tests and get your team’s vote. 

A design is just an extension of the company, design, and culture. What better way to decide if it’s a great fit than to ask the ones that work there. When you see a good font pairing, it will seem effortless and you won’t be looking at the fonts, you’ll be reading the content. 

The fonts will balance each other out – working together to differentiate between text and information. After all, the right font pairs are like two peas in a pod. 

 

 

 

]]>
https://webdesignledger.com/the-right-pairs-of-fonts/feed/ 0
10 Typography Trends for 2019 https://webdesignledger.com/10-typography-trends-2019/ https://webdesignledger.com/10-typography-trends-2019/#respond Mon, 03 Dec 2018 20:39:58 +0000 http://webdesignledger.com/?p=46107 Can you hear that? That’s the sweet sound of jingle bells followed by the explosion of fireworks. The combination of these two sounds can only mean one thing: 2019 is right around the corner. That might sound a little scary, but I can assure you that this article contains nothing but good vibes and happy […]]]>

Can you hear that? That’s the sweet sound of jingle bells followed by the explosion of fireworks. The combination of these two sounds can only mean one thing: 2019 is right around the corner. That might sound a little scary, but I can assure you that this article contains nothing but good vibes and happy thoughts.

 

As a designer, you’re probably pretty aware that you should be keeping up with trends, right? I certainly hope so. But, that doesn’t mean that you can’t put a little personal flare on those trends. For the purpose of this article, and because the title already says typography trends for 2019, we’re going to discuss… you guessed it: typography trends for 2019. This list is in no particular order. It will contain new trends and a few classics that you totally need to stick with. Fasten your seatbelts, explorers, we’re diving straight in.

Handwritten fonts

We’re going to start this list off with a style of font that will most likely be a trend for many years to come. Handwritten fonts are great because they allow you to put your own touch on your brand, and they bring with them a sense of detail that other fonts can’t. Granted, a handwritten font may not look so great on the side of a corporate office building, but they certainly are a great way to reach out to your audience on a more personal level.

Typography Trends

Vintage fonts

Vintage fonts are also a timeless classic that deserves a spot of any typography trends lists ever. The reason people are so drawn to vintage fonts is very similar to the reason they’re so drawn to handwritten fonts. The difference here is that the audience is most likely already familiar with the font, as it is vintage. Instead of making new connections using a handwritten touch, you renew old connections by going vintage.

Typography Trends

Watercolor fonts

Watercolor fonts have risen in popularity almost side-by-side with handwritten fonts because they go so well together. Watercolors have recently existed mainly in the background of a few web pages. But now, people are starting to use them in the spotlight. Watercolor fonts are a great way to portray calm, cool, and collected vibes. They take away from the seriousness of business and add to the homely feel.

Typography Trends

Serif fonts

Serifs again are nothing new. In fact, they’re probably one of the oldest typography trends we can dig up. They are, however, a trend that’s making a comeback. Serifs can vary depending on how extra you want to be, but they’re another great way to put a little more flare on your work.

Typography Trends

Big and small font types… together?

Yes, it’s true. A lot of people are instantly attracted to things that match or at least are the same size. The idea behind using both big and small fonts together isn’t exactly a new thing, but it has made great headway over the years. Because the letters in the font don’t match up, it can grab someone’s attention quicker than a buy-one-get-one sale at Old Navy. plus, it’s a creative way to put emphasis on a particular part of your brand or logo.

Typography Trends

Variable fonts

In addition to the variation in size, the mix-match of different font types has become a design phenomenon. I mean, why stick to just one font if you’ve found a few that you like? If done correctly, you’ll be able to mix a number of different fonts together and create your own personal masterpiece. Just try not to be too overwhelming.

Typography Trends

Color fonts

For too long black and white fonts have haunted our screens! Okay, maybe that’s a little dramatic, but sometimes we just need a little color. Color fonts have been popular on and off for forever, and they’re starting to make a massive comeback. Color fonts allow us to be that much more creative with our projects. They can say as little or as much as you want them to about the letters that they’re highlighting. They’re the perfect way to snag someone’s attention in a crowd full of black and white.

Typography Trends

Cutouts and overlays

Everyone wants to add layers to their designs, and it’s for good reason. People don’t want to sit and stare at a flat-looking, boring, underwhelming webpage. They want to be wowed and wanting more. Cutouts and overlays are a great way to give that 3-dimensional effect without having to wear the glasses that hurt your eyes after 30 minutes. They give you yet another layer to be creative with, and thus attracting more attention.

Typography Trends

Geometric fonts

While handwritten fonts and different sized lettering are cool, perfectly straight lines and rounded corners will always be one of the typography trends, too. Don’t get me wrong, though, geometric fonts leave plenty of room to be creative. Geometric fonts have grown exponentially over the past year or two, and I don’t see them slowing down anytime soon.

Typography Trends

Customize everything

If you have the extra cash to shell out, customizing your brand is a great way to set your own trends. I’m not talking about just logotypes here, I literally mean customize everything. What better way to give people a new experience than to create one custom for your brand? You’re a designer, challenge yourself!

Bring in the New Year right

Again, these typography trends aren’t in any particular order, but they are all super duper sweet. Trends are made every day. While some of us choose to follow those trends, others create their own path for us to follow in the future. The #1 rule of design is to be yourself and create your best work. Design something that you’re proud of, and show it off to the word.

]]>
https://webdesignledger.com/10-typography-trends-2019/feed/ 0
20 Free Retro and Vintage Fonts to Use in 2018 https://webdesignledger.com/free-retro-and-vintage-fonts-2017/ https://webdesignledger.com/free-retro-and-vintage-fonts-2017/#respond Wed, 20 Dec 2017 02:55:03 +0000 http://webdesignledger.com/?p=42800 The memories of yesterday evoke a sense of nostalgia in all of us. Retro years usually refer to the time before nowadays, up to the last century. Images from 1900 up to late 1980 comes to mind first. Retro and vintage designs are determined by typography. So, if you are going to work on some […]]]>

The memories of yesterday evoke a sense of nostalgia in all of us. Retro years usually refer to the time before nowadays, up to the last century. Images from 1900 up to late 1980 comes to mind first. Retro and vintage designs are determined by typography.

So, if you are going to work on some vintage-inspired project in future, you need proper fonts in your designer’s arsenal. In this collection, we have handpicked 20 retro and vintage free fonts which you can use for postcards, websites, mobile app, t-shirts, logos, badges, and branding identity. It’s all up to you.

1. High Life

high-life

2. Frontage

Frontage

3. Banana Yeti Typeface

Banana-Yeti

4. Sonder

sonder

5. Besom

besom

6. Garment

garment

7. Monthoers Free Font

Monthoers

8. Endoell

endoell

9. Bough Typeface

Bough

10. Old Growth

old-growth

11. Phalanx

phalanx

12. Henrik

henrik

13. Berg

berg

14. Brilon Font

brilon

15. Ansley Display

Ansley

16. Cornerstone

Cornerstone

17. Streetwear Font

streetwear-font

18. Streamster

Streamster

19. Bukhari

Bukhari

20. Paralines – Free Font

Paralines-Free-Font

]]>
https://webdesignledger.com/free-retro-and-vintage-fonts-2017/feed/ 0
25 Beautiful Script Fonts to Use in 2017 https://webdesignledger.com/25-beautiful-script-fonts-to-use-in-2017/ https://webdesignledger.com/25-beautiful-script-fonts-to-use-in-2017/#comments Fri, 20 Oct 2017 15:46:59 +0000 http://webdesignledger.com/?p=42263 Script or cursive fonts are often used in web and graphic design. They can be easily paired with sans-serif fonts to create amazing typography. As a rule, script fonts represent handwriting. They can add a personal touch to any project, whether it’s a website design, or wedding invitation, postcard, or flyer. Fortunately, there is no […]]]>

Script or cursive fonts are often used in web and graphic design. They can be easily paired with sans-serif fonts to create amazing typography. As a rule, script fonts represent handwriting. They can add a personal touch to any project, whether it’s a website design, or wedding invitation, postcard, or flyer.

Fortunately, there is no need to create a font each time you need it. There are numerous free and premium script fonts available on internet these days. In this list, we have handpicked 15 free beautiful script fonts you can use in 2017. So, scroll down, choose the font you like and download it.

1. ANISHA

anisha

2. Zing Rust

zing-rust

3. Oraqle

oraqle-script

4. Noelan

noelan

5. Atlantica

atlantica

6. Wild Youth

wild-youth

7. King Basil

king-basil

8. Humblle Rought Free Font

humble-font

9. Cursive Script

cursive-script

10. Selima

selima

11. Playlist Free Font

playlist-font

12. SUMMER HEARTS

summer-hearts

13. PhotoWall

PhotoWall-font

14. The Woodlands

the-woodlands

15. Campground

CAMPGROUND

16. Mightype Script

Mightype

17. Better Together Script

better-together-script

18. Shania

shania-font

19. Hello Stockholm

Hello-Stockholm

20. Streamster Typeface

Streamster-Typeface

21. Andrea Script

andrea-script

22. Serendipity Script

serendipity-script

23. Lauren

lauren-font

24. Iced Tea

iced-tea-font

25. Jennet

jennet

]]>
https://webdesignledger.com/25-beautiful-script-fonts-to-use-in-2017/feed/ 1