Laravel по-русски

Русское сообщество разработки на PHP-фреймворке Laravel.

Ты не вошёл. Вход тут.

#1 29.06.2019 15:00:10

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

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

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

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

Скинул файлы в подкаталог application/public/fonts$ ls -la
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 прописал

@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;
}

в консоле

npm run watch-poll

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

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

<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
В чем проблема ?

спасибо!

Не в сети

#2 29.06.2019 15:19:22

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

5) Нашел статью https://askubuntu.com/questions/18357/h … 8359#18359
открыл каталог /usr/share/fonts/opentype  и скинул в него все файлы

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

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

# 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'

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

sudo fc-cache -f -v

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

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

Не в сети

Подвал раздела