Problems importing google typography

Fidalgo
Inactive member
Topic Author
New Member

11 years 5 months ago #33645 by Fidalgo

Problems importing google typography was created by Fidalgo

I have problems changing web typography,

In features, I put the google code ..

@ Import url ( fonts.googleapis.com/css?family = Neucha);

for example

After this, in Style Designer, I enter the name of the source ...

Neucha, Helvetica, sans-serif, or so Neucha, Helvetica, sans-serif

But I can not change the Typography.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 5 months ago #33657 by ivan.milic

Replied by ivan.milic on topic Problems importing google typography

You put:

Code:

@import url(http://fonts.googleapis.com/css?family=Neucha);

in template_css.css before line where you use it, right?

google font code should can be also link tag you put in head section of index.php, like:

Code:

<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>

, also put single quotes around font name:

...
font-family:'Neucha',Helvetica, sans-serif;
...

Please Log in to join the conversation.

Fidalgo
Inactive member
Topic Author
New Member

11 years 5 months ago #33675 by Fidalgo

Replied by Fidalgo on topic Problems importing google typography

I put single quotes around font name:
...
font-family:'Neucha',Helvetica, sans-serif;

In template_css.css, I don't see where to put it.

In templates/templateDetails.xml, I have changed the line 305…

Code:

<field name="googleWebFonts" type="textarea" cols="60" rows="5" default="@import url(http://fonts.googleapis.com/css?family = Neucha); @import url(http://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin,cyrillic-ext,greek-ext,latin-ext,cyrillic);" label="TPL_HOT_KINDERGARTEN_GOOGLE_WEB_FONTS_CODE_LBL" description="TPL_HOT_KINDERGARTEN_GOOGLE_WEB_FONTS_CODE_DESC"/>

In index.php,

In line 30, I put the text in Javascript:

Code:

<script type="text/javascript"> 
  WebFontConfig = { 
    google: {familias: [ 'Neucha :: latin' ]} 
  }; 
  (function () { 
    var wf = document.createElement ('script'); 
    wf.src = ("https:" == document.location.protocol 'https': 'http') + 
      ':/ / ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 
    wf.type = ' text / javascript '; 
    wf.async = 'true'; 
    var s = document.getElementsByTagName ('script') [0]; 
    s.parentNode.insertBefore (wf, s); 
  }) (); </ script>

But it don’t runs.

After that, I removed this and wrote in line 30,

Code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>

Because i saw this.. (in line 30)

Code:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>

I don't know what else I can do

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 5 months ago #33686 by ivan.milic

Replied by ivan.milic on topic Problems importing google typography

Ok remove all that, and put

Code:

@import url(http://fonts.googleapis.com/css?family=Neucha);

in template_css.css

at start of file content just above of

body {
margin:0;
padding:0;
}

Please Log in to join the conversation.

Fidalgo
Inactive member
Topic Author
New Member

11 years 5 months ago #33693 by Fidalgo

Replied by Fidalgo on topic Problems importing google typography

I tried putting it in three ways, but still ignoring me.

:S

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 5 months ago #33695 by ivan.milic

Replied by ivan.milic on topic Problems importing google typography

send link, do you refresh after changes?

Please Log in to join the conversation.

Time to create page: 0.097 seconds