Unfortunately Google does not offer an easy way to directly download fonts. You can browse the git repository to search for the file you want, though there are only TTF files on GitHub available. Also, do not directly link to the GitHub hosted fonts in your CSS! GitHub serves the files with the wrong mime … Read more
In some sort of main or first loading CSS file, just do: @import url(‘https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext’); You don’t need to wrap in any sort of @font-face, etc. the response you get back from Google’s API is ready to go and lets you use font families like normal. Then in your main React app JavaScript, at the top … Read more
URL encode the | (pipe characters) in the href attribute (%7C): <link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic%7CPT+Serif:400,400italic%7CBree+Serif”>
Please keep in mind that my answer has aged a lot. There are other more technically sophisticated answers below, e.g.: neverpanic/google-font-download google-webfont-helper localfont so don’t let the fact that this is the currently accepted answer give you the impression that this is still the best one. You can also now also download google’s entire font … Read more