Шрифт Google не отображается в коде SVG - PullRequest
Новая
       51

Шрифт Google не отображается в коде SVG

0 голосов
/ 03 сентября 2018

На на этой странице , у меня есть код SVG. Файл SVG показывает только основной тип шрифта REGULAR. Хотя я использовал все варианты шрифтов (курсив, полужирный, полужирный, полужирный, темный).

Я пробовал оба метода @import и ссылку rel, как в файле, так и во внешнем CSS. Это будет соответственно.

@ URL-адрес импорта ('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i,900,900i');

Я также рассмотрел это решение , где оно устанавливается в файле SVG с помощью метода @ font-face (пробовал жирным шрифтом, обычным и т. Д., Но безрезультатно):

Фрагмент кода: 

<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 5390.3 959.3" style="enable-background:new 0 0 5390.3 959.3;" xml:space="preserve">
<style type="text/css">
	@import {font-family: 'Vollkorn', serif; src: url('Vollkorn/Vollkorn-Bold.ttf')}
    svg{font-family: 'Vollkorn', serif;}
    .....

1 Ответ

0 голосов
/ 03 сентября 2018

Ваша проблема в том, что, хотя вы устанавливаете 

svg{font-family: 'Vollkorn', serif;}

классы для вашего текста переопределяют семейство шрифтов с правилами, подобными следующим. 

.st22{font-family:'Vollkorn-SemiBold';}

"Volkorn-SemiBold" нигде не определено. Измените свои классы так, чтобы они просто использовали "Волкорн" 

.st22{font-family:'Vollkorn';}

или вообще удалите их, так как они теперь ничего не делают.

...