24.1 Overview

The Fonts section controls the general typeface and text size used throughout the public digital VCard.

The programmed Fonts screen contains:

Font Family
Font Size
Save
Discard

The Font Family is selected from a predefined list. Font Size is entered as a number measured in pixels, with an accepted interface range from 14 through 40.

Font settings can influence the appearance of:

  1. The cardholder’s name
  2. Occupation and job title
  3. Company information
  4. Descriptions
  5. Section headings
  6. Services
  7. Products
  8. Testimonials
  9. Blogs
  10. Contact details
  11. Business Hours
  12. Appointment information
  13. Custom Links
  14. Banner text
  15. Payment information
  16. Other public VCard text

The exact effect can vary according to the selected template because some template elements may use their own fixed text styles.

24.2 Opening the Fonts Section

From the dashboard:

  1. Select VCards.
  2. Locate the digital card you want to customize.
  3. Select the card name or the Edit icon.
  4. Open the additional VCard editing options.
  5. Select Fonts.

On a phone or smaller screen, select the menu icon inside the editor before choosing Fonts.

The Fonts option appears in the VCard editor after Advanced and uses a font icon for identification.

24.3 Understanding the Fonts Screen

The Fonts screen contains two controls:

Font Family
Font Size

The selected Font Family and Font Size apply to the current VCard.

The screen does not provide separate controls for:

Heading font
Paragraph font
Button font
Section-specific font
Font weight
Italic styling
Letter spacing
Line height
Text color
Custom font upload

Use Dynamic VCard for supported visual-design settings and Advanced → Custom CSS for carefully reviewed modifications beyond the standard Fonts controls.

24.4 One Font Configuration per VCard

Each VCard stores its own Font Family and Font Size.

For example:

AIUNIFY Corporate Card
Font Family: Montserrat
Font Size: 17px

Moneyality Education Card
Font Family: Merriweather
Font Size: 18px

Changing one VCard does not automatically update the fonts of another card.

When several VCards represent the same organization, use consistent font settings unless each card has a different branding purpose.

Understanding Font Family

24.5 What Is a Font Family?

A Font Family is the visual design used to display letters, numbers, punctuation, and symbols.

Different Font Families can make the same information appear:

  1. Modern
  2. Traditional
  3. Professional
  4. Friendly
  5. Formal
  6. Creative
  7. Technical
  8. Editorial
  9. Bold
  10. Minimal

The font should support the card’s purpose without making the information difficult to read.

24.6 Available Font Families

The programmed Font Family list contains:

Default
Roboto
Times New Roman
Open Sans
Montserrat
Lato
Raleway
PT Sans
Merriweather
Prompt
Work Sans
Concert One

The Default option uses Poppins.

The selected value is stored with the VCard and used by supported public templates when presenting its text.

Selecting a Font Family

24.7 Opening the Font Family List

To select a font:

  1. Open Fonts.
  2. Select the Font Family dropdown.
  3. Review the available choices.
  4. Select the desired font.
  5. Enter or review the Font Size.
  6. Select Save.
  7. Open the public VCard.
  8. Review the complete card on desktop and mobile.

The Fonts screen does not provide a complete live public-card preview, so the saved VCard should be opened after every significant font change.

24.8 Default — Poppins

Select Default to use Poppins.

Poppins provides a clean, geometric, modern appearance and is suitable for many general-purpose digital cards.

It works well for:

  1. Technology companies
  2. Consultants
  3. Business services
  4. Startups
  5. Professional portfolios
  6. Education programs
  7. Modern product brands

Example:

Font Family: Default
Font Size: 17

Use Default when the selected template already looks balanced and no special typography is required.

24.9 Roboto

Roboto provides a clean and familiar digital-interface appearance.

It can work well for:

  1. Technology services
  2. Customer portals
  3. Professional service providers
  4. Technical consultants
  5. Software companies
  6. Information-heavy VCards
  7. Mobile-focused cards

Roboto normally remains readable at smaller sizes, but every template should still be reviewed publicly.

24.10 Times New Roman

Times New Roman is a traditional serif font.

A serif font contains small finishing strokes on many letters.

It can create a more formal or document-oriented appearance and may be suitable for:

  1. Legal professionals
  2. Authors
  3. Academic professionals
  4. Traditional consulting firms
  5. Formal organizations
  6. Editorial or historical presentations

Because Times New Roman has a different visual width and structure from the other available fonts, review buttons, headings, and long paragraphs carefully.

24.11 Open Sans

Open Sans provides a clean, neutral appearance designed for comfortable on-screen reading.

It can work well for:

  1. Education programs
  2. Community organizations
  3. Consultants
  4. Healthcare-related business information
  5. Government or nonprofit services
  6. Cards containing longer descriptions
  7. General business use

Open Sans is a practical choice when readability is more important than decorative style.

24.12 Montserrat

Montserrat has a structured, geometric appearance that can make headings and branding feel strong and modern.

It can work well for:

  1. Corporate brands
  2. Technology businesses
  3. Marketing companies
  4. Real estate professionals
  5. Financial services
  6. Product-focused cards
  7. Professional event cards

Montserrat can appear visually wider or stronger than some other fonts. Check long headings and button labels after saving.

24.13 Lato

Lato provides a professional appearance with a slightly friendly character.

It can work well for:

  1. Consultants
  2. Education providers
  3. Coaches
  4. Service businesses
  5. Community programs
  6. Professional portfolios
  7. Customer-facing companies

Lato is a useful choice when the card should appear professional without feeling overly formal.

24.14 Raleway

Raleway provides a refined, modern appearance and can be effective for prominent headings.

It may suit:

  1. Creative professionals
  2. Designers
  3. Real estate brands
  4. Event professionals
  5. Consultants
  6. Premium service businesses
  7. Portfolio cards

Review smaller text carefully because some visitors may find lighter or stylized letter shapes harder to read at compact sizes.

24.15 PT Sans

PT Sans provides a straightforward and readable appearance.

It can work well for:

  1. Education
  2. Public information
  3. Training programs
  4. Professional services
  5. Nonprofit organizations
  6. Community programs
  7. Content-heavy cards

It is a practical choice for VCards containing several descriptions, articles, services, or instructions.

24.16 Merriweather

Merriweather is a serif font designed for screen reading.

It can create an editorial, established, or educational appearance.

It may suit:

  1. Authors
  2. Educators
  3. Financial education
  4. Academic programs
  5. Professional advisers
  6. Publications
  7. Thought-leadership cards
  8. Cards containing substantial written content

Because serif fonts can take more visual space, review long titles and mobile layouts after selection.

24.17 Prompt

Prompt provides a modern, structured appearance.

It may suit:

  1. Technology brands
  2. Creative businesses
  3. Modern service companies
  4. Multicultural programs
  5. Event cards
  6. Product presentations
  7. Contemporary professional profiles

Test all letters, symbols, numbers, and multilingual content used in the card before publication.

24.18 Work Sans

Work Sans provides a clear and modern business appearance.

It can work well for:

  1. Corporate cards
  2. Business consultants
  3. Technology companies
  4. Professional service firms
  5. Operational platforms
  6. Product businesses
  7. Information-focused cards

Work Sans is useful when the card needs a modern style without strongly decorative typography.

24.19 Concert One

Concert One provides a bold and expressive appearance.

It may suit:

  1. Entertainment
  2. Children’s programs
  3. Creative events
  4. Informal campaigns
  5. Artists
  6. Community activities
  7. Promotional cards
  8. Youth-focused programs

Because Concert One has a distinctive personality, review the complete card carefully before using it for formal legal, financial, medical, or corporate presentations.

It may be most effective with concise text rather than long paragraphs.

Choosing the Right Font

24.20 Match the Font to the Brand

The Font Family should support the organization’s visual identity.

Examples:

Modern Technology Company

Default
Roboto
Montserrat
Work Sans

Traditional Professional Practice

Times New Roman
Merriweather
PT Sans

Education or Community Program

Open Sans
Lato
PT Sans
Merriweather

Creative or Promotional Card

Raleway
Prompt
Concert One
Montserrat

These are design considerations rather than restrictions. The final choice should be based on the actual public appearance.

24.21 Match the Font to the Logo

Review the VCard logo, profile image, cover image, and brand graphics.

The font should not conflict with the organization’s existing typography.

For example, when the logo uses a strong geometric design, Montserrat, Poppins, or Work Sans may create a consistent presentation.

When the organization uses formal editorial branding, Merriweather or Times New Roman may be more suitable.

Do not attempt to reproduce a protected or unavailable brand font by selecting an unrelated option with a similar name.

24.22 Prioritize Readability

The primary purpose of the VCard is to communicate information and help visitors take action.

A font is not effective when visitors cannot comfortably read:

  1. Contact information
  2. Service descriptions
  3. Product details
  4. Appointment instructions
  5. Payment information
  6. Terms and policies
  7. Button labels

Choose readability before decoration.

24.23 Consider the Amount of Text

A card containing only a name, contact details, and several buttons may support a more distinctive font.

A card containing:

  1. Long descriptions
  2. Several services
  3. Detailed products
  4. Blogs
  5. Terms
  6. Privacy information
  7. Appointment instructions

normally benefits from a highly readable font such as Default, Roboto, Open Sans, Lato, PT Sans, or Work Sans.

24.24 Use Consistent Typography Across Business Cards

When an organization has several employees or departments, choose a standard font configuration.

Example:

Organization Standard

Font Family: Montserrat
Font Size: 17px

This creates a more consistent public identity across:

  1. Executive cards
  2. Sales cards
  3. Consultant cards
  4. Department cards
  5. Event cards
  6. Support cards

Document approved exceptions when a particular campaign requires a different design.

Font Size

24.25 Understanding Font Size

The Font Size field controls the general size of the VCard text.

It uses pixels, shown as:

px

For example:

16px
18px
20px

Enter only the number in the field.

Correct:

18

Do not enter:

18px

The field is numeric and the system applies the pixel measurement.

24.26 Supported Font-Size Range

The Font Size field accepts values from:

Minimum: 14
Maximum: 40

Do not enter a value below 14 or above 40.

The interface may reject the entry, prevent submission, or return the value to the permitted range.

24.27 Choosing a Starting Size

A practical starting point for many cards is:

16px to 18px

This range often provides a balance between readability and available space.

The best value depends on:

  1. Font Family
  2. Template
  3. Amount of content
  4. Visitor age and needs
  5. Button size
  6. Mobile presentation
  7. Language
  8. Length of names and headings

Always test the saved result.

24.28 Compact Text — 14px to 16px

A smaller value may be useful when:

  1. The template already uses generous spacing.
  2. The VCard contains substantial content.
  3. Section titles are already emphasized.
  4. The selected font appears naturally large.
  5. Long labels must fit inside the layout.

Use caution with 14px, especially for:

  1. Older visitors
  2. Long paragraphs
  3. Low-contrast designs
  4. Detailed service descriptions
  5. Mobile visitors
  6. Visitors with visual impairments

Do not reduce the size solely to force excessive content into one screen.

24.29 Standard Text — 17px to 20px

This range can provide comfortable reading for many professional VCards.

It may be suitable for:

  1. Consultants
  2. Business owners
  3. Education programs
  4. Professional services
  5. Product businesses
  6. General-purpose cards
  7. Mobile-focused cards

Review whether long button labels or headings wrap onto additional lines.

24.30 Large Text — 21px to 24px

Larger text can be useful when:

  1. The card contains concise information.
  2. Readability is a priority.
  3. The target audience benefits from larger text.
  4. The card is used primarily on mobile devices.
  5. The selected template has sufficient space.
  6. The VCard functions as a simple promotional landing page.

Large text may make long cards substantially longer.

24.31 Very Large Text — 25px to 30px

Use this range selectively.

It may work for:

  1. Minimal cards
  2. Event promotions
  3. Simple campaign cards
  4. Cards with only a few sections
  5. Accessibility-focused presentations
  6. Cards containing short action statements

Review:

  1. Button labels
  2. Product prices
  3. Contact information
  4. Appointment controls
  5. Policy links
  6. Long section headings

Some elements may wrap or overflow.

24.32 Display-Scale Text — 31px to 40px

The upper range should be tested carefully.

It may be appropriate only for highly simplified layouts or specific presentation needs.

At these sizes:

  1. Names may span several lines.
  2. Contact details may wrap.
  3. Buttons may become taller.
  4. Product cards may become crowded.
  5. Long descriptions may dominate the page.
  6. Mobile scrolling may increase significantly.
  7. Some template elements may overlap.

Do not assume that the maximum permitted size is the best design choice.

Font Family and Font Size Together

24.33 Fonts Do Not Appear the Same at Equal Sizes

Two fonts set to 18px can appear noticeably different.

For example:

  1. Montserrat may appear broader and stronger.
  2. Times New Roman may appear narrower in some words.
  3. Concert One may appear visually larger.
  4. Raleway may appear lighter.
  5. Merriweather may require more vertical space.
  6. Open Sans may appear neutral and balanced.

After changing Font Family, review Font Size again.

Do not assume the previous size remains appropriate.

24.34 Recommended Testing Process

Use this process when choosing the final typography:

  1. Select a Font Family.
  2. Enter a Font Size between 16 and 18.
  3. Save the settings.
  4. Open the public VCard.
  5. Review the Header.
  6. Review Contact information.
  7. Review section headings.
  8. Review paragraphs.
  9. Review buttons.
  10. Review Services and Products.
  11. Review the card on a phone.
  12. Increase or decrease the Font Size.
  13. Save and review again.

Change one setting at a time so the effect is easier to evaluate.

24.35 Do Not Judge the Header Alone

A font may look attractive in the cardholder’s name but perform poorly in:

  1. Long descriptions
  2. Appointment instructions
  3. Product information
  4. Business Hours
  5. Payment text
  6. Terms
  7. Blog articles

Review the complete public VCard before finalizing the font.

Saving Font Settings

24.36 Saving the Font Family and Size

After selecting the Font Family and entering the Font Size:

  1. Review both fields.
  2. Select Save.
  3. Wait for the success confirmation.
  4. Return to the public VCard.
  5. Refresh the page.
  6. Review the typography.
  7. Test the card privately.
  8. Test it on a phone.

The Fonts screen saves both values through the standard VCard update form.

24.37 Using Discard

Select Discard to leave the Fonts screen without saving the current changes.

Discard returns to the VCards list.

It does not:

  1. Delete the VCard
  2. Reset the selected template
  3. Remove previously saved font settings
  4. Remove Custom CSS
  5. Change Dynamic VCard settings
  6. Delete public content

Changes made since the last successful save are not applied.

24.38 Returning to the Default Font

To restore the programmed default typeface:

  1. Open Fonts.
  2. Select Default.
  3. Enter an appropriate Font Size.
  4. Select Save.
  5. Refresh the public card.

The Default choice represents Poppins.

There is no separate Reset button on the Fonts screen.

Public Review

24.39 Reviewing the Header

Confirm that:

  1. The cardholder’s name fits appropriately.
  2. Occupation and job title remain readable.
  3. The company name does not overflow.
  4. The Description is balanced.
  5. Header buttons remain easy to use.
  6. The font matches the cover and profile images.

Long names should be tested carefully with larger Font Sizes.

24.40 Reviewing Contact Information

Confirm that:

  1. Email addresses fit within the layout.
  2. Telephone numbers remain on readable lines.
  3. Location text is not cut off.
  4. Contact icons remain aligned.
  5. Long addresses do not overlap other elements.

Email addresses and URLs may not wrap as naturally as ordinary sentences.

24.41 Reviewing Services and Products

Confirm that:

  1. Service titles fit.
  2. Service descriptions remain readable.
  3. Product names do not overlap images.
  4. Prices remain visible.
  5. Enquiry and order buttons fit.
  6. Card layouts remain balanced.

A large Font Size may require shorter titles and descriptions.

24.42 Reviewing Testimonials

Confirm that:

  1. Customer names fit within testimonial cards.
  2. Descriptions remain readable.
  3. Slider controls remain visible.
  4. Text does not extend outside the testimonial area.
  5. Images stay aligned with the text.

Distinctive fonts may make long testimonial statements harder to read.

24.43 Reviewing Blogs

Confirm that:

  1. Blog titles remain understandable.
  2. Article previews fit.
  3. Read More actions remain visible.
  4. Full article descriptions are comfortable to read.
  5. Paragraphs do not become excessively large.

Content-heavy Blog cards normally benefit from a moderate Font Size.

24.44 Reviewing Business Hours and Appointments

Confirm that:

  1. Day names fit.
  2. Opening and closing times remain aligned.
  3. Appointment dates and times are visible.
  4. Service names fit inside selection controls.
  5. Payment and booking instructions remain readable.
  6. Form labels are not cut off.

These areas often contain compact interface elements that should be tested after large font changes.

24.45 Reviewing Custom Links and Banners

Confirm that:

  1. Button labels fit.
  2. Links remain readable.
  3. The Banner Title is balanced.
  4. The Banner Description does not dominate the page.
  5. Buttons do not extend beyond their containers.
  6. Rounded or Square Custom Link buttons remain properly shaped.

Shorten the wording when a large Font Size causes excessive wrapping.

24.46 Reviewing Policies

Open the Privacy Policy and Terms and Conditions.

Confirm that:

  1. Paragraphs remain readable.
  2. Headings remain distinct.
  3. Long policy pages are comfortable to scroll.
  4. No text overlaps the page boundaries.
  5. Mobile visitors can read the policy without horizontal scrolling.

Some policy pages may use their own template-specific typography, so compare them with the main VCard.

Mobile and Accessibility Review

24.47 Mobile Testing

Many visitors will access the VCard by scanning its QR code.

After changing fonts:

  1. Scan the QR code with a phone.
  2. Open the card.
  3. Review the Header.
  4. Scroll through every section.
  5. Select all major buttons.
  6. Open forms.
  7. Review Products and Services.
  8. Open Blogs and policies.
  9. Rotate the phone when necessary.
  10. Confirm that horizontal scrolling is not required.

24.48 Readability for Older Visitors

When the audience includes older adults, consider:

  1. A readable Font Family
  2. A moderate or larger Font Size
  3. Strong text contrast
  4. Short paragraphs
  5. Clear button labels
  6. Sufficient spacing
  7. Avoiding highly decorative fonts

Open Sans, Roboto, Lato, PT Sans, Work Sans, Default, or Merriweather may provide practical starting points, subject to public testing.

24.49 Do Not Rely Only on Browser Zoom

Visitors can sometimes enlarge a page using browser or device controls, but the VCard should begin with readable typography.

Do not intentionally use very small text with the expectation that every visitor will enlarge it.

24.50 Text Contrast

Font Family and Font Size do not control text color.

Text color is influenced by:

  1. Selected template
  2. Dynamic VCard settings
  3. Custom CSS
  4. Section design
  5. Button design

After selecting fonts, confirm that the text remains clearly visible against every background.

Large text with poor contrast can still be difficult to read.

Multilingual VCards

24.51 Review Every Enabled Language

When the VCard supports multiple languages, test the selected font with each language.

Confirm that:

  1. Letters display correctly.
  2. Accents appear.
  3. Symbols are supported.
  4. Text direction is correct where applicable.
  5. Words are not replaced by empty boxes.
  6. Section titles fit.
  7. Buttons remain readable.

A font may support English but display another writing system differently or use a fallback font.

24.52 Longer Translated Text

Translated labels may require more space than English labels.

For example, a button or section title may become significantly longer in another language.

Review:

  1. Contact buttons
  2. Service enquiry buttons
  3. Product-order controls
  4. Appointment labels
  5. Share controls
  6. Policy links
  7. Custom Links

Reduce the Font Size moderately or shorten approved labels when text no longer fits.

Fonts and Other Design Controls

24.53 Fonts Versus Dynamic VCard

The Fonts section controls:

Font Family
General Font Size

The Dynamic VCard section controls supported design elements such as colors, backgrounds, and other template appearance options.

Use both sections together to create a consistent design.

Example:

Font Family: Montserrat
Font Size: 17px
Primary Color: Company blue
Background: Light neutral

24.54 Fonts Versus Custom CSS

Custom CSS can override the Fonts section.

For example, Custom CSS may assign a different font or size to:

  1. Headings
  2. Paragraphs
  3. Buttons
  4. A specific section
  5. Mobile screens

When the Fonts change does not appear:

  1. Open Advanced.
  2. Review Custom CSS.
  3. Look for font-family or font-size rules.
  4. Remove or revise conflicting rules.
  5. Save.
  6. Test again.

Custom CSS should be reviewed by someone familiar with web styling.

24.55 Fonts Versus Template Styling

Templates may use:

  1. Fixed heading sizes
  2. Fixed button sizes
  3. Special decorative fonts
  4. Font-weight rules
  5. Separate mobile sizes
  6. Section-specific formatting

The Fonts setting is designed to influence the card’s general typography, but the visual result is still shaped by the template.

Changing templates may produce a different result even when the Font Family and Font Size remain unchanged.

24.56 Fonts and External Loading

Supported public templates may load the selected web font when the VCard opens.

When the font resource is delayed or unavailable, the browser may temporarily display another font or use a fallback typeface.

This can be influenced by:

  1. Internet connection
  2. Browser privacy controls
  3. Network filtering
  4. External font availability
  5. Browser cache
  6. Device support

The VCard content should remain readable even when a fallback font is displayed.

Changing Templates

24.57 Review Fonts After a Template Change

After changing the template:

  1. Open Fonts.
  2. Review the saved Font Family.
  3. Review the saved Font Size.
  4. Open the public card.
  5. Inspect every section.
  6. Adjust the size when necessary.
  7. Review Custom CSS.
  8. Test desktop and mobile.
  9. Test all enabled languages.

A Font Size that worked well in one template may appear too large or too small in another.

24.58 Template-Specific Recommendations

A compact template may require:

14px to 17px

A spacious template may support:

17px to 21px

A minimal promotional template may support larger text.

These are starting points only. The final value should be based on the actual public presentation.

Duplicating VCards

24.59 Reviewing Fonts After Duplication

After duplicating a VCard:

  1. Open the duplicate.
  2. Select Fonts.
  3. Review Font Family.
  4. Review Font Size.
  5. Confirm that the typography matches the new cardholder or campaign.
  6. Review the selected template.
  7. Review Custom CSS.
  8. Save any changes.
  9. Preview the duplicate publicly.

A copied font configuration may belong to the original card’s branding rather than the duplicate’s purpose.

24.60 Organization-Wide Font Standards

When duplicating cards for employees, create a documented typography standard.

Example:

AIUNIFY Employee VCards

Font Family: Default
Font Size: 17px

This reduces inconsistent card designs and simplifies future maintenance.

Troubleshooting Fonts

24.61 Font Family Does Not Change

Confirm that:

  1. A different Font Family was selected.
  2. Save was selected.
  3. The success confirmation appeared.
  4. The correct VCard was edited.
  5. The public page was refreshed.
  6. The card was tested in a private browser window.
  7. Custom CSS is not overriding the selection.
  8. The selected template supports the general font setting.
  9. The browser successfully loaded the font.

24.62 Font Size Does Not Change

Confirm that:

  1. A number was entered.
  2. The number is between 14 and 40.
  3. Save was selected.
  4. The correct VCard is being tested.
  5. The browser cache was refreshed.
  6. Custom CSS does not contain another font-size rule.
  7. The affected element is not using a fixed template size.

Test a noticeably different value temporarily, such as changing 16 to 22, to determine whether the general setting is being applied.

Restore the preferred value afterward.

24.63 Font Size Is Rejected

Confirm that the entered value is:

14 through 40

Do not enter:

12
45
18px
Large
Medium
16.5px

Use a whole numeric value such as:

16
18
20

24.64 Text Is Too Small

Increase the Font Size gradually.

Example:

Current: 14
Test: 16
Then: 18

Review the complete card after every change.

Do not jump directly to 40 unless the design specifically requires extremely large text.

24.65 Text Is Too Large

Reduce the Font Size gradually.

Example:

Current: 24
Test: 20
Then: 18

Also review whether:

  1. Titles are unnecessarily long.
  2. Descriptions contain excessive text.
  3. Button labels can be shortened.
  4. The selected Font Family appears naturally large.
  5. Custom CSS is increasing the size further.

24.66 Text Overlaps Images or Buttons

Reduce the Font Size and review the affected content.

Also check:

  1. Long names
  2. Long company names
  3. Long email addresses
  4. Long Product titles
  5. Long Custom Link labels
  6. Banner wording
  7. Custom CSS
  8. Template compatibility

A different Font Family may fit the same content more effectively.

24.67 Text Appears Different on Another Device

Different devices and browsers may render fonts slightly differently.

Confirm that:

  1. Both devices loaded the same current VCard.
  2. The browser cache is refreshed.
  3. Browser zoom is set normally.
  4. Device accessibility settings are not enlarging text.
  5. The selected web font loaded successfully.
  6. A fallback font is not being used.
  7. Custom CSS contains appropriate mobile rules.

Small differences can be normal. Major differences should be investigated.

24.68 The Selected Font Displays as Another Font

The browser may use a fallback font when:

  1. The web font did not load.
  2. The network blocked the font resource.
  3. The browser has strict privacy settings.
  4. The selected characters are unsupported.
  5. Custom CSS overrides the setting.

Refresh the page and test another browser or network.

The card should remain readable even when the preferred font is temporarily unavailable.

24.69 Some Characters Display as Boxes

This may indicate that the selected font does not contain the required characters.

Test another Font Family and review all enabled languages.

Also check whether the entered content contains:

  1. Unusual symbols
  2. Unsupported decorative characters
  3. Copied icons
  4. Special mathematical symbols
  5. Characters from another writing system

Use normal text characters where possible.

24.70 Font Looks Correct in the Header but Not Elsewhere

Some template sections may have their own typography rules.

Review:

  1. Custom CSS
  2. Template-specific styling
  3. External embeds
  4. Forms
  5. Payment-provider content
  6. Social-media embeds
  7. Iframes

Content loaded from another website may use that website’s own font and cannot necessarily be changed by the VCard Fonts setting.

24.71 Custom CSS Overrides the Font

Search Custom CSS for rules such as:


font-family:
font-size:

A broad rule such as:


body {
font-family: Arial;
}

may override the selected Font Family.

A developer should remove or revise conflicting rules, then save and retest the VCard.

24.72 Font Changes Were Not Saved

Reopen Fonts and review the displayed values.

When the previous Font Family and Font Size remain:

  1. Save may not have been selected.
  2. Discard may have been selected.
  3. The browser session may have expired.
  4. The internet connection may have been interrupted.
  5. The page may have been closed before completion.

Enter the settings again and wait for confirmation.

24.73 Fonts Checklist

Before completing the Fonts section, confirm that:

  1. The Font Family supports the card’s brand.
  2. The font is readable.
  3. The Font Size is between 14 and 40.
  4. The size is appropriate for the amount of content.
  5. The cardholder’s name fits.
  6. Contact details remain readable.
  7. Service and Product titles fit.
  8. Testimonial text is comfortable to read.
  9. Blog articles remain readable.
  10. Appointment and Business Hours controls fit.
  11. Custom Link and Banner buttons fit.
  12. Policies remain readable.
  13. Every enabled language was reviewed.
  14. The VCard was tested on desktop and mobile.
  15. The VCard was tested in a private browser window.
  16. Custom CSS does not unintentionally override the settings.
  17. Fonts were reviewed after the latest template change.
  18. Duplicated VCards use the correct typography.
  19. Save was selected and the update confirmation appeared.

Chapter Completion

At the end of this chapter, the user should understand how to select a VCard Font Family, choose a Font Size between 14 and 40 pixels, match typography to the card’s branding and audience, review the result across templates and devices, and troubleshoot conflicting or unreadable font settings.

Write Your Comment