1 vote

Google WebFont Property Editor

This property editor allow you to set a font for your website, using Google's CSS3 WebFont service.

This property editor allows you to pick a font-family from the service and it's variations of font weights and styles and apply CSS selectors for each variant.

By outputting a few values from the property editor for fetching the CSS WebFont from Google's server and outputting the CSS needed.

This gives you an easy way to transform and spice up your website easily

How To Use

Use the following Razor snippet to output the values and replace siteFont with the property alias of you

<link href="@CurrentPage.siteFont.CSSUrl" type="text/css" rel="stylesheet" />



Here are the values that are saved:

A string of the font family that is saved.

A comma separated string of font variants selected

A vertical pipe separated string of the css selectors for each selected font variant

This value gets generated when the property is saved. Which automatically builds up the CSS from the CSS selectors, variants and font family.

This value gets generated when the property is saved. Which automatically builds up the Google WebFont CSS URL.


1.0.0 - Initial Release
1.0.1 - Fix label on prevalue for setting preview paragraph text & make value boxes readonly


Package owner

Warren Buckley

Warren Buckley

Warren has 4836 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions:

Package Information

  • Package owner: Warren Buckley
  • Created: 21/04/2012
  • Current version 1.0.1
  • License MIT
  • Downloads on Our: 1.3K