What I want to do is create a custom font and use it within the svg file. I want to use it directly within the svg file without having to convert the font to a font format file and uploading it or installing it so it can be used offline and independently. However, I came across a number of problems while trying.
1. It appears some type of shape or lines are not displayed for some reason: rectangle (using rectangle tool); rectangle (polygon); complex unconnected open ended line; simple open ended line
2. I couldn't use it as a text. So how do I do this?
I've tried with different versions (Inkscape 0.48.5.1 and Inkscape 1.1) but the results remain the same.
I should add this is not the fault of Inkscape, it's just that sometimes at the cutting edge in the browser world different standards / specification can be supported or unsupported or even being to be combined such as css/svg.
Beginners' Questions Embedded custom font and direct usage
Inkscape.org
What I want to do is create a custom font and use it within the svg file. I want to use it directly within the svg file without having to convert the font to a font format file and uploading it or installing it so it can be used offline and independently. However, I came across a number of problems while trying.
1. It appears some type of shape or lines are not displayed for some reason: rectangle (using rectangle tool); rectangle (polygon); complex unconnected open ended line; simple open ended line
2. I couldn't use it as a text. So how do I do this?
I've tried with different versions (Inkscape 0.48.5.1 and Inkscape 1.1) but the results remain the same.
https://cdn.discordapp.com/attachments/910467111904755742/910467262236999690/svg-font_fail1.1.png
https://cdn.discordapp.com/attachments/910467111904755742/910467280662577152/svg-font_fail0.48.5.1.png
https://cdn.discordapp.com/attachments/910467111904755742/910467238857945138/font.svg
It's possible to do what you want.
However it does not work in Inkscape.
Most browsers support base64 woff/woff2 fonts.
You can convert google fonts at this address https://amio.github.io/embedded-google-fonts/
Or you can encode your own.
I have attached a sample file using a font called 'estonia'
Open in a browser, saving again in Inkscape will break it.
I should add this is not the fault of Inkscape, it's just that sometimes at the cutting edge in the browser world different standards / specification can be supported or unsupported or even being to be combined such as css/svg.