0

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

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

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

4

1 回答 1

1

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

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

您的文本的类过度使用字体系列，规则如下。

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

“Volkorn-SemiBold”没有在任何地方定义。更改您的课程，以便他们只使用“Volkorn”

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

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

于 2018-09-03T10:21:57.607 回答