Okay
  Public Ticket #2863841
How to use ONLY default fonts in calendar?
Closed

Comments

  •  4
    Paul Sallaway started the conversation

    In your newer release of Amelia I notice that there are now a selection of 13 Google fonts for styling the calendar.

    Which I suppose is good, but why isn't there a way to simply use whatever default fonts are already loaded for the website?

    Just to give you some context, there are big opportunities occurring in China RIGHT NOW for independent online tutors. Which would be a golden opportunity for Amelia to capitalize on. HOWEVER, as you probably know, in order to pass through the Great Firewall, websites CANNOT use any kind of Google resources!

    Consequently I have been going to great lengths to remove all Google fonts from my websites. So it saddens me that Amelia adds its own Google fonts and therefore creates a Chinese Firewall compatibility issues.

    Even asides from that, it seems like a design oversight that you haven't allowed site developers to use their own fonts, whether that be System fonts, a custom font or a different Google font from the dozen or so available.

    Can you suggest a workaround that will make the calendar use whatever fonts have already been decided?

    Until this is resolved it looks like I am stuck with Calendly. :-(

  • [deleted] replied

    Hi, Paul,

    Sorry to hear that. 

    And thank you for sharing this information. 

    I will have to reach out to our team regarding this question.

    Could you please provide us with the URL to your booking page (if you have Amelia installed somewhere on your live or staging site at the moment)? You can post the URL as a private reply to this ticket.

    Looking forward to hearing from you. 

  •   Paul Sallaway replied privately
  •   [deleted] replied privately
  •  4
    Paul Sallaway replied

    The problem isn't "what font you want to apply".
    You've already given an adequate choice of fonts.

    The problem is WHERE those fonts come from.
    They are all Google fonts drawn from "googleapis".
    This is a BIG problem for anyone who wants their website to be seen in China (in case you aren't aware, Google resources are blocked by the Great Firewall filters).

    So the simplest solution would be if you modified the plugin to allow users to choose AT LEAST ONE system font (I prefer Arial but any sans-serif font will do).

    With a system font, there is no need for your plugin to use any reference to Google resources and therefore the plugin should (theoretically) pass the Great Firewall.

    As I mentioned previously, there is a big opportunity right now for freelance tutors and trainers to take advantage of some regulatory changes in China. That would be an opportunity for your company to offer a "Great Firewall Compliant" booking plugin, all for a minimal amount of code refactoring which you could push in the next update.

    Could you please discuss with your developers?

  • [deleted] replied

    Paul,

    Yes, sure.

    I forwarded your case to our Level 2 Support.

    My colleague will contact you at the earliest possible time. 

  • [deleted] replied

    Hi Paul,

    You can go to ../wp-content/plugins/ameliabooking/assets/less/frontend/_variables.less and remove the following imports which I will send below as the list is expansive. Then, you should go to the Customize page and simply save it again, and that should do it.

    You need to remove all these lines under //FONTS:

    * Roboto */
    @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
    /* Lato */
    @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin-ext');
    /* Merriweather */
    @import url('https://fonts.googleapis.com/css?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap&css');
    // font-family: 'Merriweather', serif;
    /* Montserrat */
    @import url('https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css');
    // font-family: 'Montserrat', sans-serif;
    /* Mulish */
    @import url('https://fonts.googleapis.com/css?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css');
    // font-family: 'Mulish', sans-serif;
    /* Nunito */
    @import url('https://fonts.googleapis.com/css?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap&css');
    // font-family: 'Nunito', sans-serif;
    /* Asap Condensed */
    @import url('https://fonts.googleapis.com/css?family=Asap+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap&css');
    // font-family: 'Asap Condensed', sans-serif;
    /* Open Sans */
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap&css');
    // font-family: 'Open Sans', sans-serif;
    /* Barlow */
    @import url('https://fonts.googleapis.com/css?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css');
    // font-family: 'Barlow', sans-serif;
    /* Oswald */
    @import url('https://fonts.googleapis.com/css?family=Oswald:wght@200;300;400;500;600;700&display=swap&css');
    // font-family: 'Oswald', sans-serif;
    /* Bitter */
    @import url('https://fonts.googleapis.com/css?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css');
    // font-family: 'Bitter', serif;
    /* Poppins */
    @import url('https://fonts.googleapis.com/css?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&css');
    // font-family: 'Poppins', sans-serif;
    /* Carme */
    @import url('https://fonts.googleapis.com/css?family=Carme&display=swap&css');

    Please note, though, that you will need to do this after every update as this process is currently not automatized.

    For the fonts, this is a temporary fix; we will eventually add a function where you will be able to make a direct path towards the fonts within UI

    There is another way; you can replace the whole script content here: /wp-content/plugins/amelia-plugin/assets/less/common/font.less 

    with this

    @font-face {  font-family: 'Amelia Roboto';  font-style: normal;  font-weight: normal;  src: url("https://path-to-font/my-custom-font.woff") format('woff');
    }

    (so that you wouldn't need to erase everything); then go to Amelia > Customize and pick the font "Amelia Roboto"


  •  4
    Paul Sallaway replied

    Thank you for that. I really DO appreciate your detailed response.

    I like this:
    "There is another way; you can replace the whole script content here: /wp-content/plugins/amelia-plugin/assets/less/common/font.less 

    with this

    @font-face {  font-family: 'Amelia Roboto';  font-style: normal;  font-weight: normal;  src: url("https://path-to-font/my-custom-font.woff") format('woff');
    }

    (so that you wouldn't need to erase everything); then go to Amelia > Customize and pick the font "Amelia Roboto")

    So how could I do this for all 13 font options which the Amelia plugin offers?
    Because I am working in a MultiSite environment and I don't know which font my subsite users will prefer.
    But if ALL the font options are available on the local server, then that would certainly solve the problem.

  •  2,572
    Aleksandar replied

    Hello Paul

    At the moment, this is a quick fix, but our developers are currently working on this issue, and hopefully within a few weeks, you will not have this problem at all!

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  4
    Paul Sallaway replied

    Hi.
    If the changelog is accurate, it seems like this feature request was not included in the most recent Amelia update.

    Can you confirm whether it will make it into the next release?

    We would REALLY like a solution that is China Great Firewall compliant without having to monkey around with the plugin code too much ourselves.

    Stay safe.

  •  2,572
    Aleksandar replied

    I can't confirm anything, Paul.

    The development team works on this, but if there are any obstacles in the development, the fix will be postponed, so I can't make any guarantees.

    It should be included in the next version, but I cannot promise that it will.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •   Paul Sallaway replied privately
  •  2,572
    Aleksandar replied

    Hello Paul

    That was a mistake, unfortunately - the "More options for font changing on Customize page" is not implemented yet, but it is still planned. 

    Our developers are still testing the removal of Google Fonts from the plugin, and if they test it thoroughly before the update which should go out mid-October, it will be included in that update. We won't know until a couple of days before the update, unfortunately.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  1
    Jo replied

    Hi Aleksandar, I'm commenting here as it's relevant to this thread.

    The use of google fonts without consent is a break of GDPR laws. I'm trying to build cookies-free websites not only to avoid the consent banner but also for the sake of privacy and it really bothers me when a plugin adds them by default.
    Please provide a solution as it's really an important feature!

    Thanks,

    Jo

  •  2,572
    Aleksandar replied

    Hello Jo.

    With version 4.3 which was released on November 1st, 2021, we implemented a solution for uploading fonts, so now there is no need to work with predefined fonts, and you can use your own desired fonts by uploading them to your WordPress website.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables