index.js
26 lines
| 1 | import { Fragment } from '@wordpress/element'; |
| 2 | |
| 3 | export default ( { fontFamily, googleFont, googleFontVariants, isBlockPreview } ) => { |
| 4 | if ( isBlockPreview ) { |
| 5 | return null; |
| 6 | } |
| 7 | |
| 8 | if ( ! fontFamily ) { |
| 9 | return null; |
| 10 | } |
| 11 | |
| 12 | if ( generateBlocksInfo.disableGoogleFonts ) { |
| 13 | return null; |
| 14 | } |
| 15 | |
| 16 | const gFontsUrl = 'https://fonts.googleapis.com/css?family='; |
| 17 | const googleFontsAttr = googleFontVariants ? `:${ googleFontVariants }` : ''; |
| 18 | const href = gFontsUrl + fontFamily.replace( / /g, '+' ) + googleFontsAttr; |
| 19 | |
| 20 | return ( |
| 21 | <Fragment> |
| 22 | { fontFamily && googleFont && <link rel="stylesheet" href={ href } /> } |
| 23 | </Fragment> |
| 24 | ); |
| 25 | }; |
| 26 |