Stive de rezervă pentru fonturi utilizate frecvent
Mai jos sunt câteva stive de rezervă pentru fonturi utilizate frecvent, grupate pe cele cinci familii generice de fonturi: serif, sans-serif, monospace, cursive și fantasy.
Fonturi Serif
Stive de rezervă serif utilizate frecvent.
Times New Roman, Times, serif
Începe cu Times New Roman și revine la Times, apoi la un serif generic.
Prompt
O pagină HTML care arată o stivă de rezervă cu font serif.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la "Times New Roman", Times, serif. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: "Times New Roman", Times, serif;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Georgia, serif
Începe cu Georgia și revine la un serif generic.
Prompt
O pagină HTML care arată o stivă de rezervă serif Georgia.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la Georgia, serif. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: Georgia, serif;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Garamond, serif
Începe cu Garamond și revine la un serif generic.
Prompt
O pagină HTML care arată o stivă de rezervă serif Garamond.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la Garamond, serif. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: Garamond, serif;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Fonturi Sans-Serif
Stive de rezervă sans-serif utilizate frecvent.
Arial, Helvetica, sans-serif
Începe cu Arial și revine la Helvetica, apoi la un sans-serif generic.
Prompt
O pagină HTML care arată o stivă de rezervă sans-serif Arial.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la Arial, Helvetica, sans-serif. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Tahoma, Verdana, sans-serif
Începe cu Tahoma și revine la Verdana, apoi la un sans-serif generic.
Prompt
O pagină HTML care arată o stivă de rezervă sans-serif Tahoma.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la Tahoma, Verdana, sans-serif. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: Tahoma, Verdana, sans-serif;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Trebuchet MS, Helvetica, sans-serif
Începe cu Trebuchet MS și revine la Helvetica, apoi la un sans-serif generic.
Prompt
O pagină HTML care arată o stivă de rezervă sans-serif Trebuchet MS.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la "Trebuchet MS", Helvetica, sans-serif. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Geneva, Verdana, sans-serif
Începe cu Geneva și revine la Verdana, apoi la un sans-serif generic.
Prompt
O pagină HTML care arată o stivă de rezervă sans-serif Geneva.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la Geneva, Verdana, sans-serif. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: Geneva, Verdana, sans-serif;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Fonturi Monospace
O stivă de rezervă monospace utilizată frecvent.
Courier New, Courier, monospace
Începe cu Courier New și revine la Courier, apoi la un monospace generic.
Prompt
O pagină HTML care arată o stivă de rezervă monospace Courier New.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la "Courier New", Courier, monospace. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: "Courier New", Courier, monospace;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Fonturi Cursive
O stivă de rezervă cursivă utilizată frecvent.
Brush Script MT, cursive
Începe cu Brush Script MT și revine la un cursive generic.
Prompt
O pagină HTML care arată o stivă de rezervă cursivă Brush Script MT.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la "Brush Script MT", cursive. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: "Brush Script MT", cursive;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>
Fonturi Fantasy
O stivă de rezervă fantasy utilizată frecvent.
Copperplate, Papyrus, fantasy
Începe cu Copperplate și revine la Papyrus, apoi la un font fantasy generic.
Prompt
O pagină HTML care arată o stivă de rezervă fantasy Copperplate.
Într-un bloc intern
<style>, setează font-family-ul unui <div> la Copperplate, Papyrus, fantasy. În interior, adaugă un titlu și un paragraf.
Rezultat: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div {
font-family: Copperplate, Papyrus, fantasy;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>