Tipografias 家族风格 para CSS y HTML - CSS

Tipografias is a CSS and HTML font family that offers a broad range of fonts for websites and apps. The fonts can be used for web design, print design, and mobile design. The family has a unique, modern look that is perfect for modern designs. The fonts include both serif and sans-serif styles that are perfect for different design needs.

How to Use Tipografias Family Fonts with CSS

To use Tipografias fonts in your CSS code, you can use the @font-face rule. This rule provides the browser with font files that can be used to display the fonts. Here is an example of how to use @font-face to load the Tipografias font:

@font-face {
   font-family: "Tipografias";
   src: url("fonts/Tipografias-Regular.woff") format("woff"),
        url("fonts/Tipografias-Regular.ttf") format("truetype"),
        url("fonts/Tipografias-Regular.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}

In this example, we are defining a new font family called "Tipografias" and specifying three font files in different formats (woff, truetype, and opentype). We are also specifying that the font files have a normal weight and style.

Once the Tipografias font family is loaded, you can use it in your CSS code like this:

body {
    font-family: "Tipografias", sans-serif;
}

In this example, we are setting the font family of the body element to "Tipografias" plus a fallback value of sans-serif in case the browser cannot load the font.

Available Fonts in the Tipografias Family

• Tipografias Regular
• Tipografias Medium
• Tipografias Bold
• Tipografias Thin
• Tipografias Light

Each font has its own unique style that can be used to create a cohesive design for your website or app.

Conclusion

Tipografias is a versatile font family that can be used for a wide range of design needs. By using @font-face in CSS, you can easily load these fonts and use them to elevate your design. The various font styles available in the family make it easy to create a consistent design across your site.