CONTACT
PHONE telephone

    Almost done...

    Room for
    details

    Let's go

    Accept the terms

    Let's go
    Typography

    Typography

    TYPOGRAPHY PERFECTS WEBSITE TEXTS

    Is there an important feature of a website that motivates users to stay on the page or almost to leave immediately? Yes, this feature exists. Its name is typography. In web design, typography – compared to printed flyers and brochures – is characterized by other technical requirements. Here, it is not only about good readability. Fast loading times are just as important as choosing the right font.


    WHAT RULES DOES A SUCCESSFUL WEBSITE FULFIL CONCERNING TYPOGRAPHY IN WEB DESIGN?

    Website texts are ideally easy to read and perfectly structured. They do not make readers tired. And occupy a place in the top ranks on Google. Headlines contain the format H1, H2 or H3.

    Lists and highlighted words with the tags Bold for bold and italic for italic also increase readability. Paragraph marks and appropriate HTML elements perfect the text. Because they make up an important part of the typography.

    There are rules to be observed in typography, such as font type and size, headings, block sentences, correct grammar and many other factors.

    Advantages resulting from typography

    image/svg+xml
    Well-chosen typography facilitates communication and increases reach.
    image/svg+xml
    Together with the website, the typography represents the company and can positively support the visual design.
    image/svg+xml
    Typography increases the recognition value of a company’s brand.
    LET'S GO

    FROM PLANNING TO GENERATING AND USING

    The font size

    Font size is the basis of typography. Common font sizes include large, normal, medium and small.

    Line spacing and line width are important for the audience

    Line width is an underestimated characteristic: readers prefer a width that does not exceed 70 characters. This is the standard width of a DinA4 Word document. Good line spacing optimizes readability. 140 to 150 percent line-height is very popular on the web.

    A maximum of two fonts with matching capitals.

    As a rule, one font per website is sufficient. There should not be more than two fonts per page. This is because different fonts look confusing and increase the bounce rate. Capital letters fit perfectly into the navigation. In headlines, however, they make it more difficult to read.

    Standard fonts are always a good choice

    Arial, Georgia, and Verdana have always been classics. They have proven themselves effectively and repeatedly in practice. That is why they enjoy timeless popularity in typography.

    FROM PLANNING TO GENERATING AND USING

    The font size

    Font size is the basis of typography. Common font sizes include large, normal, medium and small.

    Line spacing and line width are important for the audience

    Line width is an underestimated characteristic: readers prefer a width that does not exceed 70 characters. This is the standard width of a DinA4 Word document. Good line spacing optimizes readability. 140 to 150 percent line-height is very popular on the web.

    A maximum of two fonts with matching capitals.

    As a rule, one font per website is sufficient. There should not be more than two fonts per page. This is because different fonts look confusing and increase the bounce rate. Capital letters fit perfectly into the navigation. In headlines, however, they make it more difficult to read.

    Standard fonts are always a good choice

    Arial, Georgia, and Verdana have always been classics. They have proven themselves effectively and repeatedly in practice. That is why they enjoy timeless popularity in typography.

    A brand needs typography to exist

    A company’s brand is composed of an image that is anchored in the customers’ perception. In addition, the brand represents the product or service of a company. In the internet age, the presentation of the company runs via the internet. Therefore, typography functions as an important instrument for brand recognition.

    LET'S GO
    leaf

    Typography gives the brand a personal touch

    Users also associate a company’s brand with the typography they choose. With unique yet consistent typography, companies can build trust with their users and increase brand awareness.

    map

    Typography influences the decision-making behavior of users

    The typographic design of texts influences the behavior of users. They perceive information and messages better if the font is convincing and eye-catching. Weak fonts also symbolize weak messages. Consequently, the decision is rarely in favor of the company.

    Frequently asked questions about
    Typography

    What are the rules for successful typography?

    The text invites users to read it. The content and the fonts complement each other. The user absorbs the information effortlessly.

    What are the consequences of poorly chosen typography?

    Search engines will rank a website lower if its typography does not meet the needs of the readers. The user’s eye usually does not wander that far. Furthermore, the bounce rate increases.

    What consideration helps in designing the appropriate typography?

    Companies should think in advance about what messages they want to convey to their website visitors. After all, a real estate company needs a different font than a company that offers sustainable products.

    What role do licenses play in typography?

    ONELINE advises making sure you use fonts for which you have licences. Otherwise, unpleasant penalties may be imposed.

    What role does classic contrast play?

    High contrast is indispensable. But the classic contrast such as a black font on a white background has had its day. Instead, the combination of dark grey font and a tinted background is enjoying increasing popularity. This composition improves readability.

    NEED SOME INSPIRATION?

    Web design projects
    ROCKEN
    Chiida Spa
    Kiana Krippen

    Fats

    leads
    +1,400,000
    web
    275
    check
    98%
    nl
    808

    Get your free and non-binding offer from us now.

    Contact us

    You will receive an offer for:

    • Project scope

      First, we sketch a complete overall picture of your project, in which all details are depicted. Desired services and products are also listed here.

    • Milestones

      To track your project efficiently, we create appropriate milestones. The number varies depending on the scope of the project.

    • Results

      Only those who know their goal will find the way. Lao Tzu already knew that. Accordingly, we formulate your desired results and goals at this point, which will guide us throughout the entire project.

    • Transparent cost structure

      Open communication is very important to us. This also includes that we transparently inform you of all costs incurred.

    OUR CUSTOMERS. ALL THAT’S MISSING IS YOUR LOGO.

    Cookies

    We use cookies to ensure the best possible experience for you and to make our communications with you relevant. Learn more

    accept