google-fonts
On the old Google Fonts website we used to be able to change the text content for all the fonts using an input field at the top of the page.
With the new Google Fonts website, the text content is changed on an individual basis by clicking/selecting the text itself.
Is there a way to change the text content globally (for all fonts) using the new website? If I want to compare a word across multiple fonts, I now have to update the text content for every font I want to compare.
No. They announced that they are using Google Fonts API internally and added few fonts from that list. You're not able to add any font you like.
While draw.io does not to the best of my knowledge allow importing fonts, I wanted to post what works for me. You have to use a extension capable browser such as Chrome or Firefox (I'm using Chrome for screenshots).
To start get the "Stylish" extension for your browser (Chrome, Firefox). Next open the extension options and click the "Write New Style" button.
From here you'll need:
Enter the Google Font url in the text box. I wanted to import Google Material Icons to draw.io so my example uses:
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
Note: You will probably want to set your "Keymap" (bottom left in image) to "basic" if it is not already. This makes copy / pasting simpler.
Ensure the "Applies to field" (Under text box) is set to "URLs on the domain" and the value is "draw.io". This will ensure the import is applied to the draw.io web application. You could use this same technique for any web app which supports custom fonts.
Example with Icon Font:
Note on Icon Font: Since I'm using Material Icons in this instance I used the name of the icon as text (font ligature). E.g. For the star I inserted a text box, and inserted "star" (per the name from Material Icon Page ) and ensured the font was set to "Material Icons". For names with spaces make sure to use underscores (e.g. "star_border").
Example with Text Font:
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
Best Answer
Change the text for one font. As soon as you do you'll see the option APPLY TO ALL FONTS appear underneath the changed text