Dodałem rodzinę czcionek "okrągłych" do mojej witryny wyświetlanej w pierwszym fragmencie kodu poniżej, ale nie dodaje ona żadnych pogrubień, dlatego starałem się umieścić pogrubioną czcionkę .ttf i .woff dla odważnej czcionki "okrągłej", ale żadne z moich dwóch podejść nie zadziałało, pierwsze podejście sprawiło, że cały tekst był odważny, a drugie podejście nic nie robiło!w tym czcionka do pogrubienia nie działa
Oto jak dodałem 'okrągły' do pliku site.css mojego ASP.NET MVC witryny i to sprawia, że cały tekst okólnik, ale nie śmiały
@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;
}
Tutaj próbowałem dodanie śmiały, ale to sprawia, że wszystko, odważne
@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;
}
Ostatnią rzeczą próbowałem było dodanie nowego „font-face” i włączenie go w organizmie, takich jak to, ale to nie zmienia mojego „font-weight: bold” css do pogrubioną
@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;
}
Czy możesz pokazać dokładnie jak to starają się używać czcionki w kodzie HTML? – ecg8