How have a cursive font in HTML, I want it to look handwritten?

Issue

<p font-family = "">John Smith <p>

I want the above to look like a handwritten signature any font that are in cursive for HTML that work?

Solution

Using google fonts (https://fonts.google.com/specimen/Great+Vibes). You can use any font by changing the links from the header.

index.html

<!DOCTYPE html>
<html onload="print()"  lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cars</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">

</head>

<body >

    <p class="handwritten">John Smith <p>

</body>
</html>

style.css

.handwritten {
    font-family: Great Vibes;
    font-size: 30px;
}

Answered By – Victor Vlad

Answer Checked By – Timothy Miller (AngularFixing Admin)

Leave a Reply

Your email address will not be published.