Kohila G Ответов: 2

@Font face не работает.

Я не знаю, что делать. Я хочу включить шрифт, чтобы я мог использовать его в автономном режиме. Итак, я попробовал связать вот так. это вообще не сработало.

Что я уже пробовал:

/* amatic-sc-regular - latin */
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('../home/kohila/Desktop/adp/amatic-sc-v12-latin-regular.woff'); /* Modern Browsers */
  src: local('Amatic SC Regular'), local('AmaticSC-Regular');

}




.adp-top{position:absolute;width:100%;z-index:1;top:0;left: 0;}
.w3-bar{width:100%;overflow:hidden}
.adp-menuf{font-size:24px!important}
.adp-opacity,.adp-hover-opacity:hover{opacity:0.60}.adp-opacity-off,.adp-hover-opacity-off:hover{opacity:1}


.menu-bar{width:100%;overflow:hidden}
.menu-button:hover{color:#000!important;background-color:#ccc!important}
.menu-bar .menu-item{
color: white;
  font-family: 'Amatic SC';

text-decoration:none;

padding:8px 16px;
float:left;
width:auto;
border:none;
display:block;
outline:0}
.menu-bar .menu-button{white-space:normal}

.adp-black{color:#fff!important;background-color:#000!important}

2 Ответов

Рейтинг:
1

RickZeeland

Вы можете попробовать CSS, см. пример здесь: html - как добавить на сайт нестандартный шрифт? - переполнение стека[^]

Рейтинг:
1

Member 12656556

Пожалуйста, проверьте, есть ли в папке path этот шрифт или нет.

Если вы проверяете и проверяете консоль, если папка не имеет этого шрифта, она показывает ошибку, так что вы можете идентифицировать папку с или без шрифта.

И вам нужно назвать типы шрифтов

@font-face {
  font-family: 'fontnameinfolder';
  src: url('fontnameinfolder.eot'); 
  src: url('fontnameinfolder.eot?#iefix') format('embedded-opentype'), 
       url('fontnameinfolder.woff2') format('woff2'),
       url('fontnameinfolder.woff') format('woff'),
       url('fontnameinfolder.ttf')  format('truetype'), 
       url('fontnameinfolder.svg#fontnameinfolder') format('svg'); 
}


Если вы получаете какой-либо шрифт одного типа(ttf,eot и т. д..) вы можете конвертировать все другие форматы шрифта с помощью сайта lot online font convertor в режиме онлайн.

Convert font поместите в папку все вышеперечисленные типы шрифтов и вызовите, как указано выше, в css.