Home › Forums › Pro Themes › Education Hub Pro › Add Google fonts
Tagged: fonts
- This topic has 9 replies, 2 voices, and was last updated 6 years, 6 months ago by wensolutions.
-
AuthorPosts
-
June 18, 2018 at 3:00 am #73993ModularParticipant
Hello,
How can I include different types of Google fonts in my website?
Regards
GurjeetJune 18, 2018 at 7:41 am #73998wensolutionsKeymasterHello @gurjeets,
Actually, the query is quite not related to the theme but we will provide the steps for add the google fonts.
To include different google font please follow below-given steps.
step 1: Go to this link :https://fonts.google.com/ and click the “+” sign of your desired font.
Screenshot:
http://prntscr.com/ir1f86Step 2: After clicking on the “+” sign, you will get the box at the bottom right corner. Click it then a box will appear. Here go to import tab and copy the import code and fonts below it and paste them in Admin Panel > Appearance > Customize > Additional CSS.
Screenshots:
http://prntscr.com/ir1gsqHope this helps.
Regards!!
June 18, 2018 at 6:16 pm #74023ModularParticipantJune 19, 2018 at 1:49 am #74040wensolutionsKeymasterHello @gurjeets,
To change the font type of “Quick Link” to exo font use below given CSS.
.quick-links a.links-btn { font-family: 'Exo', sans-serif; }
Hope this helps.
Thank you.
June 19, 2018 at 3:20 am #74045ModularParticipantThanks !
How can I change the font Of this table to ‘EXO’ font?
https://www.mocsummit.com/program/
Regards
GurjeetJune 19, 2018 at 11:29 pm #74080wensolutionsKeymasterHello @gurjeets,
To change the font of the table use below given CSS.
.sched-row,a.sched-event { font-family: exo; }
If the CSS does not work then you have to load the exo font following the process mentioned above.
Thank you.
Regards!!
June 20, 2018 at 12:19 am #74085ModularParticipantThanks !
It did change the font of the table header and the timings on the left side (i.e. 6:30 am to 9:30 pm).
But, it didn’t change the font type to ‘Exo’ font for text which is within the colored rectangles?
https://www.mocsummit.com/program/
Can you please help?
Regards
GurjeetJune 20, 2018 at 2:38 am #74086wensolutionsKeymasterHello @gurjeets,
To change the font of the content within the colored rectangles use below given CSS.
#sched-schedule-1-1150939736 .sched-event-title { font-family: 'Exo', sans-serif; } .sched-event .sched-event-subtitle { font-family: 'Exo', sans-serif; }
Hope this helps.
Regards!!
June 20, 2018 at 2:49 am #74087ModularParticipantThanks so much !
June 20, 2018 at 2:59 am #74088wensolutionsKeymasterHello @gurjeets,
Glad we could help you.
If you have any issues further then please let us know.
Further, if you haven’t then please help us by rating our theme by following the link given below:
https://wordpress.org/support/theme/education-hub/reviews/
Thank you.
Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.