Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reyhoun/acf-typography
Google Fonts ACF Field
https://github.com/reyhoun/acf-typography
Last synced: 27 days ago
JSON representation
Google Fonts ACF Field
- Host: GitHub
- URL: https://github.com/reyhoun/acf-typography
- Owner: reyhoun
- License: gpl-2.0
- Created: 2014-08-31T05:26:12.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-07-04T21:20:13.000Z (over 8 years ago)
- Last Synced: 2024-08-03T17:10:45.698Z (4 months ago)
- Language: PHP
- Size: 500 KB
- Stars: 17
- Watchers: 5
- Forks: 3
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-acf - Typography - provides a field containing the all font css attribute with google font support. (Third-Party Add-Ons)
README
# ACF Typography Field
Typography with Google Fonts Field for Advanced Custom Fields
![ACF Typography Field](https://raw.githubusercontent.com/reyhoun/acf-typography/master/screenshot.png "ACF Typography sample field")
## Subfields
* 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## Compatibility
This ACF field type is compatible with:
* ACF 5## Installation
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](http://cloud.google.com/console), create a new project and get a browser api key.
## Changelog
See changelog on [CHANGELOG.md](CHANGELOG.md) file.