By John Wooten on Thursday, 08 December 2016
Posted in General Issues
Likes 0
Views 299
Votes 0
Ok... I admit it... I am an utterly hopeless Font Nerd! The EasyBlog Composer is a brilliant construction, but... my stylistic heart is broken with only fonts available from the 1980s!

Can anyone provide any guidance on how to add some good, quality modern Google fonts (I'm already dreaming of Jura, Lobster, Spinnaker...) for use on EasyBlog? This is headed into CSS hack-land (i guess) but I'd love to hear how anyone has hacked up a good way to make use of Google Font Families in EasyBlog.

Thx in advance for any and all help applied to this admitted font addict...

* I did find this feature request already submitted [https://stackideas.com/voices/easyblog/item/1038] and eagerly voted it up (perhaps putting on the EasyBlog 5.1 Wishlist?)
It okay John

Can you check this link is it you would like to use?

if yes, try take a look of my attached screenshot below how to apply these font-family code into php file here JoomlaFolder/components/com_easyblog/themes/wireframe/composer/fields/font.php

And I believe you do not need to render this following code on your site is because your template already load this on every single page.

<link href="https://fonts.googleapis.com/css?family=Jura:300,400,500|Lobster|Spinnaker" rel="stylesheet">


Can you give it a try and see how it goes?
·
Monday, 12 December 2016 11:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey John,

Currently our developer haven't decide which feature have to add in 5.1 milestone yet, but I think you can add some Google font in this file, so those user can able to choose the Google font to display on their blog post.

JoomlaFolder/components/com_easyblog/themes/wireframe/composer/fields/font.php LINE 53 until 60
·
Thursday, 08 December 2016 10:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Thx, Arlex! - I will give this a shot today and reply back on it in order to close this ticket out
·
Thursday, 08 December 2016 14:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Alright
·
Thursday, 08 December 2016 14:57
·
0 Likes
·
0 Votes
·
0 Comments
·
apologies, Arlex but i seem to be a total novice with this...

where do I actually call these newly added fonts/add the link ref for them - e.g.,


<link href="https://fonts.googleapis.com/css?family=Jura:300,400,500|Lobster|Spinnaker" rel="stylesheet">


do i need to add this somewhere in EasyBlog (looks like the font styles for easyblog Composer are independent of the site template)?

or do I add/call these from the site's template? (I'm using iReview3 from JReviews)

Thank you - I appreciate and respect your work!
·
Friday, 09 December 2016 18:33
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey John,

I think I misunderstand what you trying to achieve here in earlier, can you check my screenshot here and see is it this is not the one you would like to add Google font family option? -> http://take.ms/VKHw3

If that is not, is it you would to make all the Easyblog frontpage text content to use Google font?
·
Friday, 09 December 2016 19:49
·
0 Likes
·
0 Votes
·
0 Comments
·
No worries, Arlex - I'm not explaining it well I'm sure since I don't know what i'm doing with this type stuff this might be too much info but:


  • i'm using the iReviews3 template from JReviews as my site's template; this template uses some basic Google Fonts (even though I'd like to add some new ones like Jura, Lobster, Spinnaker, etc.) - I can do some custom CSS overrides to add these new fonts to the site's template.
  • EasyBlog of course styles the Blog Post's header according to my template settings on this font value - that's all good/i'm cool with that; but what if i want to style in a different text in the "body" of the blog post (and/or the title header)? For example, I want to install from Google and use Jura as the font in the Header/title and the text/body of the blog posts. In EasyBlog's Composer, by default we only have options to change the Font in the Composer to old-school Microsoft fonts (Ariel, Courier, Verdana).
  • I've added the list items as you advised earlier [reference Attachment "eb-list-item-google-fonts"], but where do I insert the code from Google Font that calls up/accesses these fonts - does this get styled somewhere in EasyBlog files, or does this go into the main site template's .css? I'm adding these new fonts to the main site template anyway, but it seemed to me like the EasyBlog Composer was calling up the listed fonts available from within it's own component files somewhere (not from the site template)?


Apologies for the confusion (my bad!) - (and toooo funny the blog category from your screenshot example hahahaaaaa )
·
Friday, 09 December 2016 20:53
·
0 Likes
·
0 Votes
·
0 Comments
·
That's the MagicSauce, Arlex; it works!!!! Body of text now usable with Google Fonts for a more modern blog!

* apologies for my ignorance on how to do all this - one last question on this and then I will be done/mark the ticket closed:

Is there a way to also control the Blog Post TITLE from the Composer (i know that the TITLE is styled from the Template setting for the Heading (H1) but is there a way to use these new Google Fonts in the Easy Blog Composer to override the template's heading font and use these new Google fonts? That gives me total control of the fonts inside EasyBlog so that i can style them uniquely versus the rest of the site.

Many thx to you for this advice!
·
Monday, 12 December 2016 17:08
·
0 Likes
·
0 Votes
·
0 Comments
·
in my site template i can load custom CSS, i tried the below but i'm not sure if this is correct:


#eb-head .component-title{
font-family: 'Jura', sans-serif;
}
·
Monday, 12 December 2016 18:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Try this following css and see how it goes?


div#fd.eb .eb-post-title,
div#fd.eb .eb-entry-title {
font-family: 'Jura', sans-serif !important;
}
·
Tuesday, 13 December 2016 10:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Arlex -

perfecto! works perfectly - really appreciate your help here the Blog piece is very important to our cause and really need it's "own styling" unto itself. Mission Accomplished
·
Tuesday, 13 December 2016 14:08
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
·
Tuesday, 13 December 2016 15:34
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post