Start typing to search...
Docs
Enabling customizations
Google Font
Search

Google Font (deprecated)

  • Users can select a font family from Google Fonts.

  • The selector shows a formatted text sample for each option.

  • The VCC supports all font families served by Google Fonts. You can limit the available choices for application usability.

  • The template provides configuration options for developers to create custom, API-driven selectors by remixing the VCC.

Sample Google Font VCC

{
  "key": "myFont",
  "name": "My Font",
  "description": "Select a font",
  "type": "custom<jims-google-font-vcc>",
  "typeOptions": {
      "limitChoices": [
          "Roboto",
          "Lobster",
          "Lato"
      ]
    }
}

typeOptions

limitChoices: Limits the available selections to the items specified in this array.

Implementation

For examples of how to implement the Google Font VCC and the Web Font Loader library in your application, see the package documentation.

Custom selector VCC from API

You can remix this VCC to create a custom selector that displays the items returned in an API response. To integrate simple APIs without touching the code, this VCC provides configuration options, including the API key and URL.

Note
To use this VCC without modifying the code, the API must support passing the key via URL and must return a valid JSON object.

For a complete list of configuration options, see the package documentation.