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.
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:
Tip: The font-family property should hold several font names as a "fallback" system, to ensure maximum compatibility between browsers/operating systems. Start with the font you want, and end with a generic family (to let the browser pick a similar font in the generic family, if no other fonts are available). The font names should be separated with a comma. Read more about fallback fonts in the next chapter.
Thanks for visiting the Klaviyo Community Forum. To create your Community account, please first log into your Klaviyo account with this link. Once logged in, you will be automatically redirected back to this page to finish setting up your new account.
From the main menu along the left side, navigate to the Content > Images & Brand. From there, click into the Fonts tab. You can add in a Google, Adobe, or Custom-Hosted font. This font then become accessible to use in your sign-up forms from the Editor.
I have spent more time than I wanted to to try and determine how to change the font Style and Size in Confluence. I see there are basic styling options including things like Normal Text, Heading 1 etc. BUT I cannot find anywhere where you can change the fnt size and type.
I have perused articles going back to 2013 that show images and options that NO LONGER EXIST, require purchase of third party software where the responder admits works maybe 80% of the time etc. The Atlassian documentation, for something that should be so simple, is confusing and pretty much useless.
We have made a decision to base all of our documentation in Confluence, but it you cannot even do simple things like change the Style and size of a font, this decision may require some revisiting. That's not a veiled threat, Atlassian don't give a toss about the meagre amount of funds we inject into their company, it's just a fact. If the product is not fit for purpose, we should look at another product.
Clicking Vote for this issue will help the team know how important this feature is to have in Confluence. Please watch the ticket for future updates on the implementation of that feature.
@Shannon S -46077 feature is yet to be implemented and it has been several years since it was raises. Could this please be escalated as that issue is fully of hundreds of commenters complaining about it?
Kind regards
What is the hold up here? This is annoying people on a daily basis, as can be seen from the comments on -46077 and -46077
Sucks that this question is showing as "Solved", it's not, it's just been kicked down the road.