왠지 SVG 이미지만이 iPhone의 Safari에서 명조 몸이 될 때 한 일

1481 단어 SVG
CSS에서 태그에 산세리프체(sans-serif)를 걸고 있는데,
SVG 아이콘의 '메뉴'의 문자만 명조체가 되어 곤란했다.



SVG 이미지의 경우,
img {
    font-family: sans-serif;
}

걸어도 좋지 않았다.

결국 어땠어?



SVG를 에디터로 열어 SVG의 소스 코드를 보면, 이하의 font-family="YuGo-Bold, YuGothic" 의 기술이 있었으므로,
    <text id="メニュー" transform="translate(334 60)" font-size="8" font-family="YuGo-Bold, YuGothic" font-weight="700"><tspan x="-16" y="0">メニュー</tspan></text>

아래와 같이 font-family 지정 font-family="sans-serif" 를 편집하면, 제대로 산세리후체가 되었다!
    <text id="メニュー" transform="translate(334 60)" font-size="8" font-family="sans-serif" font-weight="700"><tspan x="-16" y="0">メニュー</tspan></text>

좋은 웹페이지 즐겨찾기