Bloxby Support Portal
  • Home
  • Knowledge Base
  • Forums
  • Register
  • Live Chat

Knowledge Base

  1. Home
  2. Knowledge Base
  3. Admin Manual
  4. Adding Google fonts to the text editor

Adding Google fonts to the text editor

  • Created July 21, 2018
  • Author Andrew Ozols
  • Category Admin Manual

As of version 1.1.0, Bloxby makes it possible to easily add additional Google fonts to the Bloxby page builder text editor.

The first step is to add Google fonts to the application, this is done through the Settings panel (“Application Settings” tab, custom_fonts field). This text field should contain a  valid JSON object with entries for each font you’d like to load in the page builder. If the fonts are not loading, be sure to check if your JSON is indeed valid (you can use a service like this to verify the validaty). See the example below:

You would add your custom Javascript code inside the function statement, something like this:

[
  {
    "nice_name": "Roboto",
    "css_name": "'Roboto', sans-serif",
    "api_entry": "Roboto"
  },
  {
    "nice_name": "Oswald",
    "css_name": "'Oswald', sans-serif",
    "api_entry": "Oswald"
  }
]
  • nice_name
    This is the same used to show in the text editor font selector:
    Bloxby Font Selector
  • css_name
    This is the name used by CSS; as the value for the “font-family” property. You can get this name from the Google Fonts website. In the example below, the css_name value would be “‘Sunflower’, sans-serif”:
    Bloxby Google Fonts
  • api_entry
    This is name of the font used in the Google fonts API call. This value can also be retrieved from the Google Fonts website. In the example below, the api_entry value would be “Sunflower:300”:
    Bloxby Google Fonts

Was this article helpful?

Yes No

Related Articles

  • Modifying the default blocks
    • 0
    • 1203
    • 1
  • Page Templates
    • 0
    • 1334
  • The blocks file browser
    • -1
    • 1849
  • Managing components through the components panel
    • 0
    • 1121
    • 1
  • Managing blocks through the page builder
    • 0
    • 1120
  • Managing blocks through the Blocks panel
    • 1
    • 1571

Leave A Comment? Cancel Reply

You must be logged in to post a comment.

Knowledge Base Categories

  • User Manual
  • General
    • Frequently Asked Questions
  • Developer Manual
    • Updates
    • Integration
    • Extending Bloxby
  • Admin Manual
    • Managing Blocks & Components

Popular Articles

  • Server Requirements
  • Installation Guide
  • How to modify or develop Bloxby
  • Terms and Definitions
  • How to configure Bloxby page builder

Knowledge Base Authors

  • Andrew Ozols
    Andrew Ozols
    Articles Authored: 138
  • Herbert
    Herbert
    Articles Authored: 4

Knowledge Base Authors

  • Andrew Ozols
    Andrew Ozols
    Articles Authored: 138
  • Herbert
    Herbert
    Articles Authored: 4

Forum Statistics

Forums
11
Topics
1,083
Replies
6,210
Topic Tags
249
© Bloxby 2019, All rights reserved