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.
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
How to Select a Div with Class "A" But Not with Class "B"
CSS Transform on Svg Elements Ie9+
Bootstrap4 Make All Input-Group-Addons Same Width
Change Default Font in Semantic-Ui with @Font-Face
In Sass, What's The Difference Between The @Mixin and @Extend Directives
Font Awesome Icons Are Not Working in Some Browsers
Min-Width for Column in Bootstrap Grid System
Styling Overlapping Annotations in Text with HTML <Span> Tags and CSS
CSS Calc Invalid Property Value
CSS Table-Like Alignment Using No Tables? (CSS Relativelayout)
Bootstrap-3 Align Links and Buttons at The Bottom of a Div
How to Edit CSS in Chrome Like in Firebug for Firefox
CSS-Hack - Adding CSS in The Body of a Website
How to Write CSS Keyframes to Indeterminate Material Design Progress Bar