css - 在 svg 中嵌入 otf 字体
问题描述
我有一个 otf 字体文件(King Basil Lite)和一个包含使用该字体的文本的 svg。我的 svg 文件看起来像这样,但我不知道要添加什么,所以 svg 可以找到这个字体文件。文字上写着“First Last”。
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 310 110" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><use xlink:href="#_Image1" x="6" y="11" width="298px" height="88px"/><text x="30.875px" y="52.854px" style="font-family:'KingBasilLite-Regular', 'King Basil Lite';font-size:55px;">First</text><text x="102.452px" y="99.585px" style="font-family:'KingBasilLite-Regular', 'King Basil Lite';font-size:55px;">L<tspan x="136.827px 159.762px 177.032px 200.297px 224.167px 245.892px " y="99.585px 99.585px 99.585px 99.585px 99.585px 99.585px ">ast</tspan></text><defs><image id="_Image1" width="298px" height="88px" xlink:href="data:image/png;base64, [here there's a long encoded piece describing the image]"/></defs></svg>
解决方案
推荐阅读
- cmake - 在 CMake 中,CXX_FLAG、CXXFLAGS 和 CMAKE_CXX_FLAGS 有什么区别
- c# - 为什么调用部署到服务器的服务不返回问题详细信息对象?
- html - 的反面
- security - Jenkins Fortify - XXE 漏洞抑制过滤器
- shell - sh if-else 语句 newer 执行 else 语句
- pytorch - pytorch 的 cifar10 数据集在不同时间加载是否相同?
- recaptcha - 企业 reCaptcha 分数始终为 0。对于隐形 reCaptcha
- javascript - React 尝试将值映射到 SVG,以便动态呈现图标
- ceph - 如何将 BlueStore 与 ceph 分离并单独运行?
- chatbot - AWS Lex 聊天机器人未记录话语(错过和检测到的话语)