Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

部分svg图片可转化成unicode展示,但转化为font class失败,请问是我有什么地方操作不对吗? #158

Open
tongchong opened this issue Mar 7, 2022 · 8 comments

Comments

@tongchong
Copy link

font class:
屏幕快照 2022-03-07 下午4 56 52

unicode
屏幕快照 2022-03-07 下午4 48 54

test11

@jaywcjlove
Copy link
Owner

@1261960504 没有太懂,失败在什么地方。

图标尽量使用 path 绘制出来,并且不要使用旋转之类的样式。

<svg width="24" height="24" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 <path d="m2.6 10.59l5.78-5.79 1.69 1.7c-0.24 0.85 0.15 1.78 0.93 2.23v5.54c-0.6 0.34-1 0.99-1 1.73a2 2 0 0 0 2 2 2 2 0 0 0 2 -2c0-0.74-0.4-1.39-1-1.73v-4.86l2.07 2.09c-0.07 0.15-0.07 0.32-0.07 0.5a2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2c-0.18 0-0.35 0-0.5 0.07l-2.57-2.57c0.26-0.93-0.22-1.95-1.15-2.34-0.43-0.16-0.88-0.2-1.28-0.09l-1.7-1.69 0.79-0.78c0.78-0.79 2.04-0.79 2.82 0l7.99 7.99c0.79 0.78 0.79 2.04 0 2.82l-7.99 7.99c-0.78 0.79-2.04 0.79-2.82 0l-7.99-7.99c-0.79-0.78-0.79-2.04 0-2.82z" fill="#e64a19"/>
</svg>

@tongchong
Copy link
Author

谢谢,失败就是像上面截图中的test11和test22这两个图标,在unicode方式下可以展示,但是在font-class模式下无法展示出来

@tongchong
Copy link
Author

image

@jaywcjlove
Copy link
Owner

@1261960504 没有看到你的代码不知道什么原因

@jaywcjlove
Copy link
Owner

@1261960504 你可以把你的这俩 svg 图标代码贴出来,我看看

@tongchong
Copy link
Author

<svg t="1640610881396" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25389" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M319.936 243.2h573.504c18.432 0 33.792-21.056 33.792-46.08a39.424 39.424 0 0 0-33.792-43.52H320a39.424 39.424 0 0 0-33.792 43.52c0 25.024 15.36 46.08 33.792 46.08z m573.504 224H320c-18.432 0-33.792 22.016-33.792 44.032S300.992 556.8 320 556.8h573.504c18.432 0 33.792-24.064 33.792-45.568 0-21.504-14.848-43.968-33.792-43.968z m0 313.664H320a38.912 38.912 0 0 0-33.792 41.472c0 21.44 14.848 48.064 33.792 48.064h573.504c18.432 0 33.792-26.624 33.792-48.064a38.912 38.912 0 0 0-33.792-41.984v0.512z m-790.4-627.2a45.504 45.504 0 0 0-45.568 44.992c0.256 24.96 20.544 44.992 45.504 44.992a44.992 44.992 0 1 0 0-90.048z m0 313.6a44.992 44.992 0 1 0 0 89.536 44.992 44.992 0 1 0 0-89.6z m0 313.6a44.992 44.992 0 1 0 0 89.024 44.992 44.992 0 1 0 0-89.536v0.512z" fill="#758096" p-id="25390"></path></svg>

@jaywcjlove
Copy link
Owner

@1261960504 你无法显示的 viewBox 尺寸是不是跟能显示的不一样?通过工具弄成一样试一试?

@tongchong
Copy link
Author

嗯嗯,好的,我去试试

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants