php - Underscore - Self hosted fonts-369IT编程

admin管理员组
文章数量:1130349

Trying my hand on building a theme with sass, having a bit of a problem with figuring out how to use my self hosted font in the project. This is probably dirt simple, and as usual I'm overcomplicating things in my mind.

When using google fonts i enqueue them from functions.php and reference the enqueued font in my stylesheets, but with a self hosted font the suggestion i find is that i should import them through @import into my stylesheet.

If i have a fonts folder in the root of my theme, containing my font, using the basic structure of a sass generated underscores theme, what is the most efficient way of incorporating that font into my theme?

Share Improve this question asked Dec 19, 2018 at 21:26 Catalina Gonzalez 12 bronze badges

Add a comment |

1 Answer 1

Sorted by: Reset to default 2

Using @import is the way to go, you can do something like this on your stylesheet:

@font-face {
    font-family: FontName;  
    src: url(public_html/your-site/wp-content/themes/your-theme/fonts/FontName-Regular.ttf);  
    font-weight: normal;  
}

Then you simply use it as usual.

p {
    font-family: FontName;
}

Share Improve this question asked Dec 19, 2018 at 21:26 Catalina Gonzalez 12 bronze badges

Add a comment |

1 Answer 1

Sorted by: Reset to default 2

Using @import is the way to go, you can do something like this on your stylesheet:

@font-face {
    font-family: FontName;  
    src: url(public_html/your-site/wp-content/themes/your-theme/fonts/FontName-Regular.ttf);  
    font-weight: normal;  
}

Then you simply use it as usual.

p {
    font-family: FontName;
}

本文标签： phpUnderscoreSelf hosted fonts

版权声明：本文标题：php - Underscore - Self hosted fonts 内容由热心网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：https://it.en369.cn/questions/1749083276a2313381.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

369IT编程

php - Underscore - Self hosted fonts

1 Answer 1

1 Answer 1

更多相关文章