Google font is not displaying in SVG code
在此页面上，我有一个SVG代码。 SVG文件仅显示基本的REGULAR字体类型。 不过，我使用了所有字体变体(斜体，粗体，粗体，半粗体，深色)。
我已经在文件和外部CSS中尝试了@import方法和link rel。 那些分别是。
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i,900,900i');
我还研究了此解决方案，该解决方案是使用@ font-face方法在SVG文件中设置的(尝试使用粗体，常规等，无济于事)：
程式码片段：
1 2 3 4 5 6 7 | <!-- 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" \t viewBox="0 0 5390.3 959.3" style="enable-background:new 0 0 5390.3 959.3;" xml:space="preserve"> <style type="text/css"> \t@import {font-family: 'Vollkorn', serif; src: url('Vollkorn/Vollkorn-Bold.ttf')} svg{font-family: 'Vollkorn', serif;} ..... |
您的问题是，即使您正在设置
1 | svg{font-family: 'Vollkorn', serif;} |
文本类超出了字体家族，其规则如下。
1 | .st22{font-family:'Vollkorn-SemiBold';} |
" Volkorn-SemiBold"在任何地方都没有定义。 更改您的课程，以便他们仅使用" Volkorn"
1 | .st22{font-family:'Vollkorn';} |
或将它们全部删除，因为它们现在什么也不做。