But one thing many designers overlook is using multiple styles, sizes, and decorations to achieve the look of mixed typography while still working entirely with web-safe fonts. We’ve talked about how using different styles and font decorations can change the priority and importance of different typographic elements.
Pick a font that’s easy to read and web safe while also being similar in proportion and weight to the other fonts on your site. While playing around with funky typography can work really well in navigation, headers, and other parts of your site, large chunks of body copy just don’t work well with multiple typefaces. Try for a bit more variation for the best end-result. The same can be said for fonts like Verdana and Tahoma or Arial and Helvetica. A lot of non-designer folks might not really see the differences between the fonts and think they just look strange-not quite right. Using something like Georgia and Garamond right near each other, for example, doesn’t really do much and can end up making one or both fonts look a little off. In fact, putting certain type in gray can work even if your design is more colorful (to really unify things, make sure the gray has just a hint of one of the main colors in your other typography). If your typography is mostly black, adding in shades of gray to de-emphasize certain parts can work really well. Adding styles and font decorations (oblique, strong, underline, etc.) can also emphasize and even help de-emphasize most fonts.Ĭhanging the color of a font can help, too. Increasing or decreasing the size is the most obvious. You can compensate for heavier or lighter fonts in a few ways. It’s one reason using multiple fonts is both incredibly fun and very hard to get right.
Some fonts are going to draw more attention than others. This has been touched on a bit already, but the priority and emphasis that different fonts convey naturally has to be taken into account. Pay attention to priority and emphasis of different fonts Underlining can emphasize both light and heavy fonts without making either appear heavier than they already are. You can make a heavier font oblique (italic) to de-emphasize it’s weight a bit, or add a strong tag to a lighter-weight font to bring it more in-line with the heavier fonts on your page. You have a bit more leeway with font styles, but make sure that the styles you choose make sense with the existing weight and emphasis of the particular fonts you’ve chosen. You want the colors to mesh, rather than clash. While you don’t necessarily have to only use one color or one style, you need to be much more careful in how you use them.Īs far as colors go, try to stick to colors either in the same hue or saturation level. If you throw up six different fonts on your site, with ten different colors, and four different styles, you’re probably just going to give your visitors a headache (if they stick around that long). Fonts that are very similar are going to appear to have the same weight on screen in most cases, while fonts that are very different can more easily be played against one another to give emphasis to specific parts of the site. Fonts that are “kind of the same” are generally going to look strangest when placed near each other. What you want to look for are either fonts that are very, very similar, or fonts that are very, very different.
Look at specific characters in each font to see how similar they are, as well as entire words.įonts don’t necessarily have to be identical in scale and proportion. The same could be said for Times New Roman and Arial Narrow. For example, Georgia and Verdana have similar shapes, even though one is serif and one is sans serif. Multiple fonts work best together when they have similar proportion and scale.
#Equivalent font georgia free
Sign up for a free Jotform account to create powerful online forms in minutes - with no coding required.
0 kommentar(er)
