Adding Alternative Fonts to a Page Using Custom Code

As you can see, the font above is not one of the fonts provided by Populr. So, how did we add it?


For the moment, Populr does not have an interface for adding new fonts the the font selection pane. However, you can still accomplish this at a page level by adding custom code pointing to a webfont hosted elsewhere.


Instructions


Drop down the options panel, next to the publish button, and click "edit code" at the bottom. Add your custom html/css to override Populr's own font selection system.

Example using Googleweb fonts

  • Visit google.com/fonts/
  • Find the desired font and select "Quick use" icon
  • Select the code in step 3 and place in "Href" section in code below
  • Change "Font-family" within code below. (You can reference the name in Step 4)