How to Merge Fonts

How to merge fonts?

An easy way to combine multiple fonts in one file is to encode them in base64 and embed them in CSS. They will still be different fonts though and the total size will increase. There are various online tools that can create the css for font files you upload, like this one.

Merging different .woff2 files into one

You could use variable fonts.

They include different design axis which could be interpolated to get e.g. different font-weights or font-widths.

More and more google webfonts are also available as variable fonts.

In your case the sans serif sibling "Merriweather Sans" is already available. The serif version can currently only be used as a traditional font.

There's also a filter option on google fonts to show only variable fonts.

google fonts options: show only variable fonts

Traditional "static" fonts can't be merged into one file since they can't contain multiple font-styles.

Technically, you could create a variable font yourself, but that's a pretty advanced task.

There is also the TrueType Collection (TTC) format. But afaik: it's not supported by most browsers.

BTW. if you need local woff2 copies of your fonts you can also use google webfont helper. This way you get the official woff2 versions - which might be more reliable than than self compiled font files.

How to merge two fontello font files?

When you download a Fontello pack it includes a config.json file, which is a mapping of the characters included in your custom font. If you want to add more characters to your font, you should start by uploading this config file to fontello.com, change your selected characters and then download a new pack, making sure to replace all the fonts and css files (so that the new characters start working) and this config file (for next time you want to change the set of characters included).



Related Topics



Leave a reply



Submit