-
jrgiustiAsked on August 16, 2016 at 6:49 PM
-
liyamReplied on August 16, 2016 at 8:18 PM
Hello jrguisti,
I'm not sure I fully understand your concern. Can you please provide us with more explanation?
We'll be looking forward to your response.
Thanks.
-
jrgiustiReplied on August 16, 2016 at 8:24 PM
oops.. i was searching for how to format the helper text (the grey text inside the answer field) to make it display in a google font. I thought i was searchign the knowledge base.... Pressed return by mistake LOL
separate question: some of the google fonts in the forms designer are not working for me, and some google fonts are not listed (i.e. EB Garamond and Libre Franklin)
-
liyamReplied on August 16, 2016 at 11:19 PM
Hello,
If you want to use the Google Fonts on helper text (placeholders), you can do this (Assuming that you want to use Francois One which you have imported in your CSS):
===
.form-textbox::-webkit-input-placeholder {
font-family: 'Francois One', sans-serif !important;
}.form-textbox:-ms-input-placeholder {
font-family: 'Francois One', sans-serif !important;
}.form-textbox:-moz-placeholder {
font-family: 'Francois One', sans-serif !important;
}.form-textbox::-moz-placeholder {
font-family: 'Francois One', sans-serif !important;
}===
This should support most browsers
-
liyamReplied on August 16, 2016 at 11:27 PM
Update:
I think this is a better example:
@import 'https://fonts.googleapis.com/css?family=EB+Garamond';
.form-textbox::-webkit-input-placeholder {
font-family: 'EB Garamond', sans-serif !important;
}.form-textbox:-ms-input-placeholder {
font-family: 'EB Garamond', sans-serif !important;
}.form-textbox:-moz-placeholder {
font-family: 'EB Garamond', sans-serif !important;
}.form-textbox::-moz-placeholder {
font-family: 'EB Garamond', sans-serif !important;
}