Tagged: custom.css, Fonts
-
AuthorPosts
-
November 8, 2018 at 2:27 pm #1031267
Hi,
i have to use the Coporate E fonts for the site, but don’t know how to embed it. I found the otf font file here:
http://fontsgeek.com/fonts/Corporate-E-RegularIs there any how to for embedding it oder simlar alternatives to ?
Thanks, marcusNovember 9, 2018 at 8:11 pm #1031783Hey Marcus,
You need to upload the font files to your website and add it via css rules
https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
https://stackoverflow.com/a/17159783If you need further assistance please let us know.
Best regards,
VictoriaNovember 16, 2018 at 1:49 pm #1034456Thanks, Victoria.
I embedded the font in custom.css , in enfold-child , but this didn’t have any effect.
By editing custom.css in enfold Theme, it worked. see link.But is this a persistent , appropriate way or do I have the risk to loose this modifications any time?
Thanks, marcusNovember 19, 2018 at 8:49 pm #1035328Do i loose style due to updates, when uing custom.css ?
November 20, 2018 at 2:43 pm #1035597anybody here for help?
November 20, 2018 at 4:51 pm #1035678Hi,
Sorry for the delay, are you referring to custom CSS? Please add it to your child theme styles.
otf format is generally heavy compared to the supported fonts and takes longer to load. Why would you not consider converting them to a supported font format and use it int he theme options?
Please check to optimizing fonts on the below link
Best regards,
VinayDecember 4, 2018 at 12:35 pm #1040692Hey Vinay,
I have installed the given Child Theme, activated it. The Link above “Add custom CSS” shows in section “Enqueue custom CSS” how to come along to add own css for child themes.
I did it, like described, but with no effect. (add code to child’s function php , add css in
enfold-child/css/my_custom.cssOnly when entering css code direct in in enfold/css/custom.css , it works as desired.
What do I wrong, or is it a bug in description ? Thanks a lot, marcus
December 4, 2018 at 12:50 pm #1040699Second topic: When trying to use custom fonts like described here
It says upload failure each time: “Couldn’t add the font because the server didn’t respond.Please reload the page, then try again ” :-(
Any ideas for help ? thanks a lot, marucs
December 5, 2018 at 2:58 pm #1041233Hi,
Which font are you trying to upload? Please note that you can only use Google Fonts. For other font sources, use css import.
// https://css-tricks.com/snippets/css/using-font-face/
Best regards,
IsmaelDecember 6, 2018 at 12:47 pm #1041620Hey Ismael ,
I ve got a font from customer which was give as otf and ttf.
I converted them as given inwith https://www.fontsquirrel.com/tools/webfont-generator
into woff /woff2 files.I dont know why the instruction assumes to use ttf when uploading into enfold. I used the woff.
Am I wrong, is istruction wrong , whats wrong ?
Thanks, marcusDecember 7, 2018 at 10:45 am #1041971 -
AuthorPosts
- You must be logged in to reply to this topic.