This is great - thanks! I don't know much about fonts, though, and I'm not sure how to modify the code to change "Pacifico" to some other font family. Do you have a pointer to documentation on that issue?
Hi Mark, you'll have to replace the URLs in "src". Check out the MDN guide on @font-face: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face#description
You'll also want to adjust the font name in "font-family" so that it does not conflict with existing fonts. Otherwise you may end up replacing them when inlining the SVG. Here's a contrived example that would replace the monospace font on Mac and Windows:
<style>
@font-face { font-family: "Menlo"; src: local("Times New Roman"); }
@font-face { font-family: "Consolas"; src: local("Times New Roman"); }
</style>