我在docs/assets/css/style.css
中覆盖了这样的样式:
---
---
@import "{{ site.theme }}";
@import "fonts";
header {
display: none;
}
body {
font-family: 'CaptureSmallz';
}
在docs/assets/fonts
我添加了文件Capsmall.ttf
。
在docs/_sass/fonts.scss
我放
@font-face {
font-family: 'CaptureSmallz';
src: url('../fonts/Capsmall.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
但这似乎没有覆盖任何东西,我也没有得到构建错误消息。 我在这里想念的是什么?
//编辑:它适用于普通文本,但不包括标题等。 有没有办法一次覆盖所有字体?
//编辑2:我现在这样做:
---
---
@import "{{ site.theme }}";
@import "fonts";
* {
font-family: 'CaptureSmallz' !important;
}
h1 {
font-family: 'CaptureSmallz' !important;
}
它有效,但我认为这远非理想。