Pobrałem czcionkę Bariol, wkleiłem ją do folderu Fonts, w CSSie dodałem poniższy kod i niestety nie działa. Wpisuję a {font-family: BariolReg;} i nie działa. Jednak jak wrzucam stronkę na serwer, port 80 to działa, czcionka jest zmieniona. Co mogę zrobić, żeby widzieć tą czcionkę lokalnie, bez potrzeby pracowania na serwerze?
@font-face {
font-family: BariolBold;
src: url(../fonts/Bariol_Bold.otf);
}
@font-face {
font-family: BariolLight;
src: url(../fonts/Bariol_Light.otf);
}
@font-face {
font-family: BariolReg;
src: url(../fonts/Bariol_Regular.otf);
}
@font-face {
font-family: BariolRegIt;
src: url(../fonts/Bariol_Regular_Italic.otf);
}
body{
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}