GeniusWiki opened a new issue #14272:
URL: https://github.com/apache/echarts/issues/14272
### Version
5.0.2
### Steps to reproduce
Add google font Roboto and set textStyle:{fontFamily: "Roboto"}. The text
font can display correctly. However, the horizontal legend text has overlap. I
assume it is because the legend text width is calculated by default font "sans
serif" but Roboto has wider letter width.
Google Font:
```
<link rel="preconnect" href="https://fonts.gstatic.com";>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";
rel="stylesheet">
```
### What is expected?
Legend has correct item gap
### What is actually happening?
The legend text overlapped.
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
