Как подключить фонты с расширением .otf ?

@mstdmstd · Регистрация: 21.02.2010

Author24 — интернет-сервис помощи студентам

Всем привет,
получил от клиента ряд файлов а фонтами вида

Bash

Cera GR Black Italic.otf
Cera GR Black.otf
Cera GR Bold Italic.otf
Cera GR Bold.otf
Cera GR Light Italic.otf

Вроде бы это делалось в adobe illustrator
Нужно ли их подключть как обычный фонты типа

CSS

@font-face {
    font-family: 'Conv_OptimusPrinceps';
    src: url('fonts/OptimusPrinceps.eot');
    src: local('☺'), url('fonts/OptimusPrinceps.woff') format('woff'), url('fonts/OptimusPrinceps.ttf') format('truetype'), url('fonts/OptimusPrinceps.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Или их нужно конвертировать ?

Спасибо !

@mstdmstd · 29.06.2019, 15:21 **[ТС]**

Скинул файлы в подкаталог application/public/fonts$ ls -la

Bash

total 10100
drwxrwxrwx 1 root root    8192 чер 29 13:55  .
drwxrwxrwx 1 root root    4096 тра 23 18:10  ..
-rwxrwxrwx 1 root root  101224 кві 16  2015 'Cera GR Black Italic.otf'
-rwxrwxrwx 1 root root   96004 кві 16  2015 'Cera GR Black.otf'
-rwxrwxrwx 1 root root  113024 кві 16  2015 'Cera GR Bold Italic.otf'
-rwxrwxrwx 1 root root  107324 кві 16  2015 'Cera GR Bold.otf'
-rwxrwxrwx 1 root root  117476 кві 16  2015 'Cera GR Light Italic.otf'
-rwxrwxrwx 1 root root  110696 кві 16  2015 'Cera GR Light.otf'
-rwxrwxrwx 1 root root  114340 кві 16  2015 'Cera GR Medium Italic.otf'
-rwxrwxrwx 1 root root  108552 кві 16  2015 'Cera GR Medium.otf'
-rwxrwxrwx 1 root root  110016 кві 16  2015 'Cera GR.otf'
-rwxrwxrwx 1 root root  114468 кві 16  2015 'Cera GR Regular Italic.otf'
-rwxrwxrwx 1 root root  108412 кві 16  2015 'Cera GR Thin Italic.otf'
-rwxrwxrwx 1 root root  101256 кві 16  2015 'Cera GR Thin.otf'

2) В resources/sass/Horizontal/app.scss прописал

CSS

@font-face {
  font-family:'Cera GR Black Italic';
  src:url('/fonts/Cera GR Black Italic.otf');
  font-style:italic;
 
}
 
@font-face {
  font-family:'Cera GR Black';
  src:url('/fonts/Cera GR Black.otf');
  font-style:bold;
}

в консоле

Bash

1	npm run watch-poll

успешно скомпилтровал файлы

3) и на своем странице :

HTML5

                <div class="Cera GR Black Italic">
                    Cera GR Black Italic style text
                </div>
                <div class="Cera GR Black">
                    Cera GR Black style text
                </div>

4) Плагин WhaFont упорно показывает sans-serif
В чем проблема ?

Добавлено через 21 минуту
5) Нашел статью https://askubuntu.com/question... 8359#18359
открыл каталог /usr/share/fonts/opentype и скинул в него все файлы

Bash

ot@serge:/usr/share/fonts/opentype# ls -la
total 1316
drwxr-xr-x  6 root root   4096 чер 29 14:24  .
drwxr-xr-x 11 root root   4096 кві 26  2018  ..
drwxr-xr-x  2 root root   4096 чер 29 14:24 'Cera GR'
-rwxrwxrwx  1 root root 101224 кві 16  2015 'Cera GR Black Italic.otf'
-rwxrwxrwx  1 root root  96004 кві 16  2015 'Cera GR Black.otf'
-rwxrwxrwx  1 root root 113024 кві 16  2015 'Cera GR Bold Italic.otf'
-rwxrwxrwx  1 root root 107324 кві 16  2015 'Cera GR Bold.otf'
-rwxrwxrwx  1 root root 117476 кві 16  2015 'Cera GR Light Italic.otf'
-rwxrwxrwx  1 root root 110696 кві 16  2015 'Cera GR Light.otf'
-rwxrwxrwx  1 root root 114340 кві 16  2015 'Cera GR Medium Italic.otf'
-rwxrwxrwx  1 root root 108552 кві 16  2015 'Cera GR Medium.otf'
-rwxrwxrwx  1 root root 110016 кві 16  2015 'Cera GR.otf'
-rwxrwxrwx  1 root root 114468 кві 16  2015 'Cera GR Regular Italic.otf'
-rwxrwxrwx  1 root root 108412 кві 16  2015 'Cera GR Thin Italic.otf'
-rwxrwxrwx  1 root root 101256 кві 16  2015 'Cera GR Thin.otf'
drwxr-xr-x  2 root root   4096 кві 26  2018  font-awesome
drwxr-xr-x  2 root root   4096 кві 26  2018  malayalam
drwxr-xr-x  2 root root   4096 кві 26  2018  noto

Не уверен должны ли все файлы быть скинуты в подкаталог - создал еще подкаталог :

Bash

# ls -la
total 1300
drwxr-xr-x 2 root root   4096 чер 29 14:24  .
drwxr-xr-x 6 root root   4096 чер 29 14:24  ..
-rwxrwxrwx 1 root root 101224 кві 16  2015 'Cera GR Black Italic.otf'
-rwxrwxrwx 1 root root  96004 кві 16  2015 'Cera GR Black.otf'
-rwxrwxrwx 1 root root 113024 кві 16  2015 'Cera GR Bold Italic.otf'
-rwxrwxrwx 1 root root 107324 кві 16  2015 'Cera GR Bold.otf'
-rwxrwxrwx 1 root root 117476 кві 16  2015 'Cera GR Light Italic.otf'
-rwxrwxrwx 1 root root 110696 кві 16  2015 'Cera GR Light.otf'
-rwxrwxrwx 1 root root 114340 кві 16  2015 'Cera GR Medium Italic.otf'
-rwxrwxrwx 1 root root 108552 кві 16  2015 'Cera GR Medium.otf'
-rwxrwxrwx 1 root root 110016 кві 16  2015 'Cera GR.otf'
-rwxrwxrwx 1 root root 114468 кві 16  2015 'Cera GR Regular Italic.otf'
-rwxrwxrwx 1 root root 108412 кві 16  2015 'Cera GR Thin Italic.otf'
-rwxrwxrwx 1 root root 101256 кві 16  2015 'Cera GR Thin.otf'

выполнил команду

Bash

1	sudo fc-cache -f -v

не помогает
перезапустился - то же самое

Как я понимаю в таком случае шаг 2) описанием классов в resources/sass/Horizontal/app.scss нужно пропустить ?
если эти строки закоментарить, также не помогает...

	29.06.2019, 15:21