Preview mode and using @import in css files for Google fonts

Post your questions and problem reports here

Moderator: kfury77

Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
  • Check the Support section of the corresponding product first. Chances are you will find your answer there;
  • Do not create new topics for already reported problems. Add your comments to the existing topics instead;
  • Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
  • Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
  • Include the version number of the software you are using;
  • This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
Post Reply
DrGarry
Posts: 15
Joined: Wed May 04, 2011 12:13 pm

Preview mode and using @import in css files for Google fonts

Post by DrGarry »

Hi All:

First of all, I have to start with a compliment to the WeBuilder gang: I've been using WeBuilder for a few years now, and it is one nifty tool.

Where was I? Ah, yes. I am trying to use Google's web fonts. The recommended mode is to stick something like this in the CSS file:

Code: Select all

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic|Vollkorn|Gentium+Book+Basic:400,400italic,700,700italic);
... which supposedly sucks in Google's fonts PT Sans, Vollkorn and Gentium Book Basic.

Hmm, well that doesn't work in WeBuilder's browser preview mode, when you tab to Preview and click the IE or Firefox preview buttons. However, it does seem to work if you choose Tools > Preview In... > browser.

Any way I can get it to work just by clicking the buttons?

Garry

PS Frankly I'm so far unimpressed by Google's web fonts. It may well be I'm not using them properly, but so far they look absolutely hideous compared to dear old Times or Georgia.
Top
mithcd
Posts: 47
Joined: Sun Jul 01, 2012 6:30 pm

Re: Preview mode and using @import in css files for Google f

Post by mithcd »

I think this is the first time I heard this issue yet. I tried for existing topics here and found nothing. There should be a work around on this.
When in doubt, use Brute Force Image
Top
User avatar
Nikolajs
Blumentals Software Developer
Posts: 108
Joined: Mon Sep 19, 2011 8:28 am

Re: Preview mode and using @import in css files for Google f

Post by Nikolajs »

Do not rely on @import. Use the following code:

Code: Select all

<!DOCTYPE HTML>
<html>
<head>
  <title></title>
  <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic|Vollkorn|Gentium+Book+Basic:400,400italic,700,700italic" type="text/css" />
</head>
<body>
  <h1 style="font-family: Vollkorn; font-size: 40px;">This is Vollkorn Font</h1>
</body>
</html>
Nikolay Dutchuk
Blumentals Software
Top
Post Reply

Return to “HTMLPad / Rapid CSS / Rapid PHP / WeBuilder Support”