Viewing Google fonts dont work

  1. Portal Home
  2. Forum
  3. EverWeb
  4. Bug Reports

Google fonts dont work



User: Aseev S. 12 years ago
Quote: Paul-RAGESW - 31/01/2014 8:19:32
Google Fonts will load very quickly because Google servers are highly optimized for delivering content to websites. You don't have to worry about this.

The issues you are having will happen with any web builder no matter what. Some web browsers need some extra code to load Google Fonts when using styling such as Bold and Italic. I'm not sure why some browsers require this code and others don't. Google certainly doesn't tell you this.

In your case you should put this code in the Head Code Section under the Publishing Settings;

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:bold">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:italic">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:bold">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:italic">



How to do it?
How to set up Defoult links design?
How to set up defoult fonts family and sizes?
User: Aseev S. 12 years ago
Please Help!
SOS! mayday!


I need run this site to work, but its uggly :(

I need fix fonts problem.

Here are uggly screenshots http://browsershots.org/http://ohotservis.ru/
User: Roddy 12 years ago
Ideally your headings should be entered as HTML for SEO. See this page…

http://everwebcodebox.com/layout/headings.html

Note how the styles for the headings have a fallback font and the generic group.

In the EverWeb Codebox website I have used a google hosted font for the h1. This is referenced in the site wide Head Code box like this…

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

The styles for the headings are also pasted into the same Head Code box like this…
<style type="text/css">
h1 {font: 32px 'Handlee', Verdana, sans-serif;color: #157FFF; padding: 5px 0 0 5px; margin: 0;text-align:left;}
h2 {
margin:0;
padding: 0;
text-align:center;
font: 22px 'Verdana', Helvetica, sans-serif;
color:#000;}
h3 {
margin:0;
padding: 0;
text-align:center;
font: 18px 'Verdana', Helvetica, sans-serif;
color:#000;}
h4 {
margin:0;
padding: 0 0 0 10px;
text-align: left;
font: 16px 'Verdana', Helvetica, sans-serif;
color:#0000FF;}
</style>

Note how the h1 which uses the Google hosted font "Handlee" has Verdana as the fallback font and "sans-serif" as the generic group.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 12 years ago
Quote:
I need run this site to work, but its uggly :(

I need fix fonts problem.


Sorry, I didn't realize my code didn't appear. You can see it now in my original reply to you with how to fix this.

Last edit 12 years ago

-------------------------------
Paul
EverWeb Developer
User: Roddy 12 years ago
You need to use the HTML entity in place of the back/forward arrows to publish code in the forum.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.