CODEWITHSUNDEEP
htmlcssfontsfont-face
Mehdi khosravi
Mehdi khosravi

Reputation: 319

Font-Face dosnt work

I use below code to load a font with @font-face statement.the font is in my dir yoo, but it dosn't work :

    @font-face {
    font-family: 'irseri’;
    src: url('irseri.ttf') format('truetype');
}

.about{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    font-family:irseri ;
    color: #9f9f9f;
    margin-top: 10px;
}

and this is my html code :

<!DOCTYPE html>
<html>
<head lang="en">
    <link rel="stylesheet" href="style.css" type="text/css">
    <meta charset="UTF-8">
    <title>Mehdi page</title>
</head>
<body>
<div class="content">
    <div class="text"><div class="image"></div>Some Title</div>
    <div class="about">Some Text<div>
</div>
</body>
</html>

Upvotes: 1

Views: 95

Answers (1)

Vel
Vel

Reputation: 9342

Try this code and make the font folder is correct. check once irseri.ttf font is in folder it may like src: url('../fonts/irseri.ttf') format('truetype');

@font-face {
    font-family: 'irseri';
    src: url('../irseri.ttf') format('truetype');
}

Upvotes: 1

Related Questions