Custom Fonts

Going beyond the general settings for more brand control

Mike Kelly avatar
Written by Mike Kelly
Updated over a week ago

Most people find the color/logo options standard in MemberVault to be adequate.  However, some people might have a stronger desire to customize the look and feel of their account.  While the layout is fixed, there are a number of things you can do with the Custom CSS settings.

Changing Fonts

Although you can use any font service, I recommend using Google Fonts.  Here is a step by step:

  1. Go to https://fonts.google.com/ , and find a font and click on it.

2. Click "Select This Font" in the upper right corner.  When the pop up comes up, click @IMPORT

3.  In MemberVault, go to Settings / General / Advanced Settings and open the Custom CSS box.  First you need to copy and paste the import script line.  (NOT THE SCRIPT TAGS.. just the line from @ to ;).

Now you can use this font for the body text, or header text, or both.  For Body Font, enter a line that says:
body{ CSS FONT FROM ABOVE IMAGE } . (in this example: font-family: 'Ubuntu', sans-serif; )

For Header Font, enter a line that says:
h1, h2, h3, h4, h5 { CSS FONT FROM ABOVE IMAGE } . (in this example: font-family: 'Ubuntu', sans-serif; )

If you set both header and body text, your code should look like this:




Questions? Reach out to us at hello@membervault.co, within our Facebook group, The MV Collaborative, or via chat support within your admin account (not sure how to log in? look up your account here).

Did this answer your question?