• Hello,

    I need to put the Alokary font on the H2, I had installed the font on my laptop. It’s displayed on the site when I’m on this laptop.

    However, it doesn’t appear on cell phones or other PCs where Alokary isn’t installed. I’ve tried several methods (manual installation or plugin). I’ve deleted the cache and nothing changes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,

    Have you tried this method of adding the font? https://docs.themeisle.com/article/1311-custom-fonts-orbit-fox-module

    Thread Starter stellasidus

    (@stellasidus)

    Yes, I’ve just tested it and it’s still the same.

    Hi,

    Here’s what you can try:

    1. Convert the Font to Web-Friendly Formats:

    • Browsers support different font formats. You’ll need to convert your Alokary font to formats like WOFF, WOFF2, TTF, and possibly EOT for maximum compatibility.
    • How? Use online font converters like:
    • Upload your Alokary font file (usually .ttf or .otf) to the converter and generate the web font kit. Download the resulting ZIP file.

    2. Upload the Font Files to Your Website:

    • Create a folder (e.g., “fonts”) in your website’s directory.
    • Extract the contents of the downloaded ZIP file and upload the font files (WOFF, WOFF2, TTF, EOT) into the “fonts” folder.

    3. Add the @font-face Rule to Your CSS:

    • Open your website’s CSS file (or create a new one).
    • Add the @font-face rule to define your Alokary font. Replace "path/to/alokary" with the actual path to your font files.

    CSS

    @font-face {
    font-family: 'Alokary';
    src: url('fonts/Alokary-Regular.woff2') format('woff2'),
    url('fonts/Alokary-Regular.woff') format('woff'),
    url('fonts/Alokary-Regular.ttf') format('truetype');
    font-weight: normal; /* Or specify the font weight if different */
    font-style: normal; /* Or specify the font style if different */
    }

    h2 {
    font-family: 'Alokary', sans-serif; /* Use your font and a fallback */
    }

    4. Clear Your Website’s Cache and Browser Cache:

    • Sometimes, your browser or website’s caching system might serve an older version of the site. Clear both caches to ensure the new CSS and font files are loaded.

    Hope this helps.

    Viewing 3 replies - 1 through 3 (of 3 total)

    The topic ‘Font that doesn’t load’ is closed to new replies.