Breaking News: Grepper is joining You.com. Read the official announcement!

how to import local font in css

Add Answer

YOU.com answered on September 14, 2021 Popularity 9/10 Helpfulness 6/10

answer how to import local font in css

related use a local font css

related css import font from local file

related how to use local fonts in css

how to import local font in css

Comment

@font-face {
  font-family: "CustomFont";
  src: url("path/to/font-file.ttf");
}

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

Popularity 9/10 Helpfulness 6/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

use a local font css

Comment

<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: myFirstFont;
    src:url("/fonts/Harlow_Solid_Italic.ttf");
}

.harlow{
    font-family: myFirstFont;
}
</style>
</head>
<body>
<div>With CSS3, websites can finally use fonts other than the pre selected "web-safe" fonts.</div>
<p><b class="harlow">Note:</b> Internet Explorer 8 and earlier, do not support the @font-face rule with the WOFF format (only support for EOT format).</p>
</body>
</html>

Popularity 10/10 Helpfulness 10/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Sep 14 2021

Shurvir Mori

0 Answers Avg Quality 2/10

css import font from local file

Comment

@font-face {
  font-family: MyCustomFont;
  src: url(path/to/font.woff);
}

body {
  font-family: MyCustomFont, sans-serif;
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

how to use local fonts in css

Comment

<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: myFirstFont;
    src:local("fonts\Harlow_Solid_Italic.ttf");
}

.harlow{
    font-family: myFirstFont, sans-serif;
}
</style>
</head>
<body>
<div>With CSS3, websites can finally use fonts other than the pre selected "web-safe" fonts.</div>
<p><b class="harlow">Note:</b> Internet Explorer 8 and earlier, do not support the @font-face rule with the WOFF format (only support for EOT format).</p>
</body>
</html>

Popularity 10/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 08 2022

Hurt Hummingbird

0 Answers Avg Quality 2/10

how to import local font in css

Contents

More Related Answers

how to import local font in css

Closely Related Answers

use a local font css

css import font from local file

how to use local fonts in css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.