The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Google font won't work

View previous topic View next topic Go down

Solved Google font won't work

Post by IdaTR on March 23rd 2017, 11:59 am

Technical Details


Forum version : #PunBB
Position : Administrator
Concerned browser(s) : Mozilla Firefox, Google Chrome
Who the problem concerns : All members
When the problem appeared : Today, when i tried to switch the font
Forum link : www.vielamort.net

Description of problem

Hello, i've been trying to use the google fonts on my website.

The code is:
Code:
<link href="https://fonts.googleapis.com/css?family=News+Cycle|Open+Sans+Condensed:300|Poiret+One" rel="stylesheet">

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'News Cycle', sans-serif;
font-family: 'Poiret One', cursive;

I've tried to put everything together, but it seems like it doesn't work, the html is in the template header and the font-family in the css.

What am i doing wrong?


Last edited by IdaTR on March 26th 2017, 5:52 pm; edited 1 time in total
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Google font won't work

Post by Draxion on March 23rd 2017, 12:40 pm

Hi there, what is the CSS code you are putting in your CSS? Because if it is just this.
Code:
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'News Cycle', sans-serif;
font-family: 'Poiret One', cursive;

It won't be valid. You need to put a selector and the one you need is the 'body'.
Code:
body {
  font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'News Cycle', sans-serif;
  font-family: 'Poiret One', cursive;
}
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1840
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Google font won't work

Post by IdaTR on March 23rd 2017, 12:56 pm

I tried what you did, and the font have changed.. but not into the right one?
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Google font won't work

Post by Draxion on March 23rd 2017, 12:57 pm

Oh.. okay. I see the issue. Why do you have three fonts? You can only set one.

EDIT: Are you trying to set these as a selectable font in the posts or as a single one for the entire site?


Last edited by Draxion on March 23rd 2017, 1:48 pm; edited 1 time in total
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1840
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Google font won't work

Post by IdaTR on March 23rd 2017, 1:41 pm

Nope, i want a specific font for the menu, and one for the mini profile on the right, and a third as the header for the main font o.o.. is that possible?
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Google font won't work

Post by Draxion on March 23rd 2017, 1:46 pm

Yes, all of that is possible as long you place the correct 'font-family' on the correct selector.

Now I would love to assist you but I am a little puzzled at where you want each. Is it possible you can provide a screenshot of where you would like each and which font you would like there?

Thanks!


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1840
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Google font won't work

Post by IdaTR on March 23rd 2017, 2:05 pm





avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Google font won't work

Post by Draxion on March 23rd 2017, 2:11 pm

Add this to your CSS.
Code:
body {
  font-family: 'News Cycle', sans-serif;
}

.user-info {
  font-family: 'Open Sans Condensed', sans-serif !important;
}

#primary_nav {
  font-family: 'Poiret One', cursive !important;
}


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1840
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Google font won't work

Post by IdaTR on March 23rd 2017, 2:18 pm

I'm not excatly sure if that did the trick..
Would it be possible for you to go in and check with a test user?
Also the mini profile seems to behave odd now :s
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Google font won't work

Post by Draxion on March 23rd 2017, 2:19 pm

Yes, PM me the account info.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1840
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Google font won't work

Post by IdaTR on March 23rd 2017, 2:30 pm

Done (:
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Google font won't work

Post by Draxion on March 24th 2017, 5:15 am

In your CSS, find the following selector.
Code:
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -160px;
margin-top: -0.6em;
}

And change it to this.
Code:
.pun .post .user {
width: 155px;
font-size: 12px;
text-align: center;
line-height: 150%;
margin-left: -140px;
margin-top: -0.6em;
}

All you simply have to do is change the value of '-160px' to '-140px' on the property 'margin-left' so it doesn't go off the page.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1840
Reputation : 230
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Google font won't work

Post by IdaTR on March 26th 2017, 2:56 pm

I'm having a bit of problem with the text in the foras.. they don't appear besides the user info, but instead at the bottom?
Edit: nvm, got it to work (:
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Google font won't work

Post by brandon_g on March 26th 2017, 4:47 pm

Hello,

Is this solved? If so, please mark it solved by hitting the 'Mark solved' button at the top of the topic.

-Brandon


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6056
Reputation : 553
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Google font won't work

Post by SLGray on March 26th 2017, 8:22 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40891
Reputation : 2776
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum