包括粗体字体不工作
我已将“circular”字体系列添加到了我的网站,如下面的第一个代码片段所示,但它没有添加任何粗体,所以我尝试将粗体.ttf和.woff用于大胆的'圆形'字体,但我的两种方法都不起作用,第一种方法使所有文本变粗,第二种方法根本没有做任何事情!
这是我如何加入“通知”到我的asp.net mvc的网站的site.css文件,它使所有文字圆形的,但不是大胆
@font-face {
font-family: 'Circular';
src: url('../fonts/circular-book.ttf') format('truetype');
src: url('../fonts/circular-book.woff') format('woff');
}
body {
font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px !important;
-webkit-font-smoothing: antialiased !important;
color: #484848 !important;
}
这里我尝试添加大胆,但它使一切大胆
@font-face {
font-family: 'Circular';
src: url('../fonts/circular-book.ttf') format('truetype');
src: url('../fonts/circular-book.woff') format('woff');
src: url('../fonts/circular-bold.ttf') format('truetype');
src: url('../fonts/circular-bold.woff') format('woff');
}
body {
font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px !important;
-webkit-font-smoothing: antialiased !important;
color: #484848 !important;
}
我想的最后一件事是添加了新的“字体面”,并把它放置在身体像这一点,但它不会改变任何我的“字体重量:大胆” CSS来大胆
@font-face {
font-family: 'Circular';
src: url('../fonts/circular-book.ttf') format('truetype');
src: url('../fonts/circular-book.woff') format('woff');
}
@font-face {
font-family: 'Circular-bold';
src: url('../fonts/circular-bold.ttf') format('truetype');
src: url('../fonts/circular-bold.woff') format('woff');
}
body {
font-family: Circular, Circular-bold,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px !important;
-webkit-font-smoothing: antialiased !important;
color: #484848 !important;
}