How to add font-family 'Open Sans' to inline svg text?
Question
How to add two words name of font-family (as 'Open Sans') to inline svg text ?
<svg viewbox='0 24 100 24' fill='#000'> <text font-size='24' fill='#000' font-family='Open+Sans'>MENU</text> </svg>
1 answers
solution1
0 ACCPTED 2017-07-27 00:38:59
You don't need the plus symbols; those are only needed when the font name is included in a URL.
<svg viewBox="0 0 100 30"> <text x="0" y="27" font-size="30" fill="#fa0" font-family="Comic Sans MS">MENU</text> </svg>
If you want to add fallback alternatives, add quotation marks like this:
font-family="'Comic Sans MS',cursive"
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Font family Open Sans not working
.svg image that contain text, font-family missing in Firefox
SVG tspan element + font-family style?
How to add default font-family to Tinymce output html
CKEditor always add inline css 'font-size' and 'font-family' to source in CKEDitor
Validation Error: Value Error : font-family 'Neue' is not a font-family value : Helvetica 'Neue',Helvetica,Arial,sans-serif
CSS - Why is font-style: italic not applied for font-family: Helvetica, Arial, sans-serif?
How to keep vertical align text in middle independently of font-family and font-size?
How do add multiple font-family to my style sheet using @font-face rule?
Open Sans font family causes some UI change
Related Tags