Question

在this page上，我有一个SVG代码。 SVG文件仅显示基本的REGULAR字体类型。不过，我使用了所有字体变体（斜体，粗体，粗体，半粗体，深色）。

在文件和外部CSS中，我都尝试了@import方法和链接rel。分别是。

@import url（'https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i,900,900i'）;

我还研究了此solution，在该文件中，它是使用@ font-face方法（尝试粗体，常规等，无济于事）在SVG文件中设置的：

代码段：

<!-- 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;}
    .....

Answer 1

您的问题是，即使您正在设置

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

您的文字类超越了字体家族，其规则如下。

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

“ Volkorn-SemiBold”在任何地方都没有定义。更改您的班级，使其只使用“ Volkorn”

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

或完全删除它们，因为它们现在什么也没做。

Google字体未以SVG代码显示

1 个答案: