我已将“circular”字体族添加到下面第一个代码片段中显示的网站中,但它没有添加任何粗体,所以我试图包含粗体的.ttf和.woff文件,但我的两种方法都不起作用,第一种方法使所有文本都加粗,第二种方法根本没有做任何事情!
以下是我如何将“circular”添加到我的asp.net mvc网站的site.css文件中,并使所有文本成为圆形,但不是粗体。
我尝试的最后一件事是添加一个新的“font-face”并将其包含在body中,就像这样,但它不会将任何“font-weight: bold” CSS更改为粗体。
以下是我如何将“circular”添加到我的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;
}
@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;
}