Google Fonts ACF Field
PHP JavaScript CSS
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
css bug fix: font family/open sans Feb 5, 2015
js 50 warnings fixed Feb 9, 2015
.gitignore Initial commit Aug 31, 2014
LICENSE Update file Feb 9, 2015
acf-typography-v5.php Clean codes and bug fix plugin url Feb 9, 2015
acf-typography.php Improve markup of preview iframe Feb 9, 2015
gf.json add required check Nov 2, 2014
preview.php Improve markup of preview iframe Feb 9, 2015
readme.txt Update version to 0.6.0 Nov 19, 2014
screenshot.png Improve markup of preview iframe Feb 9, 2015

ACF Typography Field

Typography with Google Fonts Field for Advanced Custom Fields

ACF Typography Field


  • Google Font Family
  • Google Font Weight
  • Backup Font Family
  • Text Align
  • Text Direction
  • Font Style
  • Font Size
  • Line Height
  • Letter Spacing
  • Text Color
  • and Live Preview Fonts


This ACF field type is compatible with:

  • ACF 5


  1. Copy the acf-typography folder into your wp-content/plugins folder

  2. Activate the Advanced Custom Field: Typography plugin via the plugins admin page

  3. Create a new field via ACF and select the Typography type

  4. Please refer to the description for more info regarding the field type settings

  5. If you would like the list to be pulled from the Google API you will need to define your API key. You can do this in the theme's function file for example.

    define( 'YOUR_API_KEY', '**your_google_api_key**' );

    just head on over to the Google API Console, create a new project and get a browser api key.


See changelog on file.