We are currently distributing many questionnaires and surveys through the platform, however we are wanting to get more into customizing and branding the look and feel for these so that it better fits our corporate brand. One of the first things we'd like to do is incorporate two unique fonts that we've purchased and are now using throughout our materials, both online and offline.
These fonts are not public domain (e.g. google fonts and we currently have .woff versions that we use for our website and .otf versions for offline materials. I've been reading about how to integrate fonts hosted on google's domain and the ability to use true type fonts, but I am really looking for any explicit step by step instructions on how to achieve this and if we can use either .woff or .otf font formats.
This will be step one in starting to customize our work and step two will be to begin integrating our own CSS code to modify the overall styles and structure of the surveys. Any insights on this subject would be helpful as well.
Thank you,
Mike
You can add a @font-face rule to your Custom CSS to load a font from a url. You can then use that font in other CSS rules. See: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
Tom,
I appreciate the feedback. I understand how to create the @font-face rule in my custom CSS code and have done so. The issue is that these fonts are licensed by my organization and hosted on our own web server. When I call these fonts, I am receiving an error because Qualtrics surveys are hosted on their own secure servers and calling the fonts from another server is causing a conflict for some browsers.
I've read that I am able to upload and host these fonts within my own Qualtrics library, however when I tried this, the fonts were not being recognized. Does anyone know of any step by step instructions on uploading fonts and then getting the exact URL of the font location on Qulatircs so this can be added to the @font-face code?
Thanks,
Mike
https://www.qualtrics.com/community/discussion/comment/31950#Comment_31950same problem ... did you manage to solve it somehow?
I had this problem and solved by clicking into the font file I uploaded to Qualtrics then right click on the 'view' button and selecting 'copy link' and you will have the link you need to input into your source
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.