As with any shorthand property, any individual value that is not specified is set to its corresponding initial value (possibly overriding values previously set using non-shorthand properties). Though not directly settable by font, the longhands font-size-adjust and font-kerning are also reset to their initial values.
I want my questions and choice text to display as black rather than the grey that seems to be the default, but each time I make the change using Old Editor (and save) the display reverts back to grey. Strangely using the same process to change the question text to bold half works - by that I mean it shows in Qualtrics as bold but when previewed.
From what I've read, when others post similar issues the solution is to use the Rich Content Editor but that means I have to edit every single question and every since response option. As I enter many surveys for students, this just isn't an option. I'm experiencing the problem for all projects, and I'm not copying questions between them.
This is my workflow. In the Old Editor, I change the colours and then save.
Immediately after saving, this is the screen I see, with everything reverted back to grey but the question is in bold. If I publish the change, it's the same. If I then go back into Old Editor, the changes to the selected colours has been lost.
If I then preview the published changes, not only does the text not display as black, but the bold of the question text is lost.
Thanks to anyone who can help!
Yeah. This is a really annoying problem. There are two reasons for it.
One is that even though you are in the old editor, you are still using the new dynamic themes. So the system doesn't accept any changes made in the old editor that are present in the new editor. Select one of themes from the old editor and the changes will stick.
The other thing is that sometimes, the manner in which the theme is applied results in less specific selectors being used to change the font. For this inspect the element whose theme who want to change, then change the values in custom CSS and add !important to enforce them.
I was in your position one day and wasted around two hours just fighting with the system, till somehow I stumbled on these solutions.
Hi ahmedA,
Thanks so much for your reply as I'm so frustrated. Off-and-on, I've been at it for days.
I had the theme set on "blank" but selected Qualtrics 2017 in the old editor and progress has been made (thank-you!!). In preview mode, I now see my text in the correct colour (black) and question is bolded. However, the theme has a question container which I can neither edit nor delete. The students don't want a background colour to the text.
I find CSS coding quite a mystery and had tried posting in bits from other posts but failed to achieve changing the text colour to black.
The other problem is for me personally - the font on the screen (edit mode) still shows as grey which is sending me blind. I know there is the high contrast option in the new style editor, but then I'm back to the original problem with being unable to fix the text display to black (and bold for question).
Try this. Use the new look and feel editor, revert to defaults. And use the settings provided here to adjust the fonts.
As I said earlier, because you were making changes using the old editor, they weren't getting registered. But since you don't want the old theme, then make the changes in the new editor.
PS: Have you tried other themes. I think the Qualtrics minimal themes don't have a question container.
Thanks for your continuing help ahmedA. I reset all the defaults using the new look and feel editior, which is where I started: it looks good for most questions but matrix tables and rank order questions have different fonts and font size. That's when I read about the Old Editor and discovered it was more powerful, even allowing me to change the colours of question vs choice text etc.
I guess at the end of the day, if I have to use the rich content editor for just those types of questions so be it. Qualtrics appeared to promise much but without a working knowledge of CSS and/or javascript, it's very difficult to make a survey look appealing.
The font subsets defined by an array of string values with the names of each subset you would like to be preloaded. Fonts specified via subsets will have a link preload tag injected into the head when the preload option is true, which is the default.
To use the font, set the className of the parent container of the text you would like to style to the font loader's variable value and the className of the text to the styles property from the external CSS file.
Every time you call the localFont or Google font function, that font will be hosted as one instance in your application. Therefore, if you need to use the same font in multiple places, you should load it in one place and import the related font object where you need it. This is done using a font definitions file.
I am trying to change the titles of my blog posts to my custom font using the custom css option. I have tried as many suggestions i have been able to find on here but nothing is working. I have been able to customise all my other titles, buttons etc but i cant seem to find anything that is working for blog titles.
Hey everyone! I was just having this issue too and reached out to a friend of mine for help. Here's the CSS code that they sent to update all the headings on the main blog page:
.blog-basic-grid .blog-title font-family:'RoxboroughCF-Regular';
We recommend these fonts because they are legible and widely available and because they include special characters such as math symbols and Greek letters. Historically, sans serif fonts have been preferred for online works and serif fonts for print works; however, modern screen resolutions can typically accommodate either type of font, and people who use assistive technologies can adjust font settings to their preferences. For more on how font relates to accessibility, visit the page on the accessibility of APA Style.
Instructors and publishers vary in how they specify length requirements. Different fonts take up different amounts of space on the page; thus, we recommend using word count rather than page count to gauge paper length if possible.
next/font includes built-in automatic self-hosting for any font file. This means you can optimally load web fonts with zero layout shift, thanks to the underlying CSS size-adjust property used.
This new font system also allows you to conveniently use all Google Fonts with performance and privacy in mind. CSS and font files are downloaded at build time and self-hosted with the rest of your static assets. No requests are sent to Google by the browser.
Google Fonts are automatically subset. This reduces the size of the font file and improves performance. You'll need to define which of these subsets you want to preload. Failing to specify any subsets while preload is true will result in a warning.
In the example below, we use the font Inter from next/font/google (you can use any font from Google or Local Fonts). Load your font with the variable option to define your CSS variable name and assign it to inter. Then, use inter.variable to add the CSS variable to your HTML document.
When a font function is called on a page of your site, it is not globally available and preloaded on all routes. Rather, the font is only preloaded on the related route/s based on the type of file where it is used:
Every time you call the localFont or Google font function, that font is hosted as one instance in your application. Therefore, if you load the same font function in multiple files, multiple instances of the same font are hosted. In this situation, it is recommended to do the following:
Hi there- looking for how to set the default font when creating templates and snippets. I know how to set the default font global and it says "this default will apply to outgoing emails from the CRM email editor for all users of this account."
On the help page, it specifically says "Please note: the default fonts set here do not override the fonts used in templates, snippets, CRM email signatures, or marketing email default fonts. If you use the quick reply editor to respond to a visitor in the conversations inbox, the default font will not apply."
Hi @VLawrance and @LThoms,
Thanks for asking the Community!
If you'd like that the account default fonts apply to templates, for the moment, there is no native option for this.
I have found this similar idea already submitted: "Sales Hub Font and Type Size for Templates and Snippets Don't Honor Account Default".
I'd recommend supporting the Idea with an upvote and explaining your use case in the comments. Our product team uses that forum to collect ideas on how we can improve the product for our customers.
Product pays particular attention to the top voted ideas & takes them into consideration along with other feedback channels as well as their own vision to understand what features will be most valuable.
I'd like to ask our Top Experts about this topic: Hi @Josh, @Jnix284 and @ChrisoKlepke do you have workarounds or tips to help @VLawrance and @LThoms, please?
Ihave upvoted in the places listed in this thread. They go back years! This is one of my top frustrations as I am the "template maker" for our company and it is more than frustrating. Especially b/c the default font is not very professional.
7fc3f7cf58