Simulator de Text
34px
Textul tău va apărea aici
Cum să adaugi fonturile în website-ul tău:
Pentru ca fonturile personalizate să funcționeze pe orice dispozitiv, trebuie să le incluzi în website. Iată pașii necesari:
- Obține fișierele fonturilor - Ai nevoie de fișierele (.woff2, .woff, .ttf) pentru fiecare font.
- Încarcă fonturile pe serverul tău - Creează un folder "fonts" și încarcă fișierele acolo.
- Adaugă reguli @font-face în CSS - Pentru fiecare font, adaugă o regulă @font-face.
Exemplu de cod pentru a adăuga fonturile tale:
/* În fișierul tău CSS */
@font-face {
font-family: 'Bahnschrift';
src: url('fonts/bahnschrift.woff2') format('woff2'),
url('fonts/bahnschrift.woff') format('woff'),
url('fonts/bahnschrift.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Catallina';
src: url('fonts/catallina.woff2') format('woff2'),
url('fonts/catallina.woff') format('woff'),
url('fonts/catallina.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Repetă pentru fiecare font */
Surse pentru fonturile gratuite:
- Google Fonts (https://fonts.google.com/)
- Font Squirrel (https://www.fontsquirrel.com/)
- DaFont (https://www.dafont.com/)
Notă importantă:
Asigură-te că ai drepturile legale pentru a utiliza fonturile în website-ul tău. Unele fonturi necesită licențe pentru utilizare comercială.