Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

import & @font-face issues

8 views
Skip to first unread message

drum118

unread,
Feb 1, 2012, 1:48:55 PM2/1/12
to
I want to use various different fonts not on view systems and have ran
into some issues and not sure why things are not working.

At this time, I have created a master css page with 60 different fonts
styles on it.

I have used the full path to the various fonts since they will be at
different levels on the various pages. IE: src: url ('http://sitename/
object/fonttype/fontname/font')

If I used @import url (), the fonts don't work and I think I now the
reason now.

If I use @font-face {font-family=""; src: url (object/fonttype/
fontname/font) on the css page or the html page, it end up as a hit
and miss.

I just did some testing on a font call BlackRoseRegular with FF
refusing to display it while, Opera and Safari do. IE 7 does to a
point. IE will display the first header using this font, but refused
to display the 2nd location.

Based on this last test, I now understand why I am not seeing the
different style of font in FF, as it looks like FF doesn't understand
it in the first place. In some cases, I have the same issue with FF as
I have with IE 7, where one location display the font correctly, but
not in the other place.

Since this is my first real use of @font-face, what are known issues
for this, as well why the @import page is not working when I am using
the correct name in the first place? Some pages will only have one
special font family, while other will have a number of them.

Thanks

dorayme

unread,
Feb 1, 2012, 2:47:15 PM2/1/12
to
In article
<c5277ee8-a491-4625...@e27g2000vbu.googlegroups.com>,
drum118 <dru...@hotmail.com> wrote:

> I want to use various different fonts not on view systems and have ran
> into some issues and not sure why things are not working.

Is there a url test page of yours to look at?

--
dorayme

drum118

unread,
Feb 3, 2012, 10:49:18 PM2/3/12
to
On Feb 1, 2:47 pm, dorayme <dora...@optusnet.com.au> wrote:
> In article
> <c5277ee8-a491-4625-8ebe-5cecc3307...@e27g2000vbu.googlegroups.com>,
>
>  drum118 <drum...@hotmail.com> wrote:
> > I want to use various different fonts not on view systems and have ran
> > into some issues and not sure why things are not working.
>
> Is there a url test page of yours to look at?
>
> --
> dorayme

I have IE 7 and current update for FF, Opera and Safari. All pages are
still under design.

This is the link to the current font master list that will grow in
time.
http://transiturban.ca/objects/fonttype/fontface.css

http://transiturban.ca is the first one where Welcome fonts is not
like Featured Videos font in FF.

This is a master page being develop where the font for the main page
title and the page below it are the same family, but 50/50 in IE and
FF while being 100% in Opera and Safari.
http://transiturban.ca/urban/document1.html

If you check http://transiturban.ca/news.htlm, IE kills the header
100% while the rest does it right.

If you check http://transiturban.ca/urban/urban.html and the other
pages, each browser does it thing.

Thanks

dorayme

unread,
Feb 7, 2012, 2:23:13 AM2/7/12
to
In article
<e11b67a2-a47c-48b1...@t30g2000vbx.googlegroups.com>,
OK, let's trade urls! I am up for it. Have you looked at a seemingly
comprehensive guide to @font-face, particularly in relation to browser
support:

<http://webfonts.info/>

and

<http://webfonts.info/wiki/index.php?title=@font-face_browser_support>

<http://webfonts.info/wiki/index.php?title=Category:Webfonts_How-Tošs>

and

<http://webfonts.info/wiki/index.php?title=Cross-browser_@font-face_syn
tax>

The type of fonts supported by different browsers is an issue.

Interesting stuff.

--
dorayme

tlvp

unread,
Feb 7, 2012, 3:14:45 AM2/7/12
to
On Fri, 3 Feb 2012 19:49:18 -0800 (PST), drum118 wrote:

> ...
> http://transiturban.ca is the first one where Welcome fonts is not
> like Featured Videos font in FF.

Is there some reason other than simple Chutzpah to feel free to embed the
XHTML1 Valid icon when validator.w3.org lists eleven errors on that page?

:-) . Cheers, -- tlvp
--
Avant de repondre, jeter la poubelle, SVP.

dorayme

unread,
Feb 7, 2012, 3:47:02 AM2/7/12
to
> > >  drum118 <drum...@hotmail.com> wrote:
> > > > I want to use various different fonts not on view systems and have ran
> > > > into some issues and not sure why things are not working.

Just one other url that may help you as it seems to be specifically
about cross browser fixes:

<http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
>

--
dorayme

drum118

unread,
Feb 7, 2012, 10:32:22 AM2/7/12
to
On Feb 7, 3:14 am, tlvp <mPiOsUcB.EtLlL...@att.net> wrote:
> On Fri, 3 Feb 2012 19:49:18 -0800 (PST), drum118 wrote:
> >  ...
> >http://transiturban.cais the first one where Welcome fonts is not
> > like Featured Videos font in FF.
>
> Is there some reason other than simple Chutzpah to feel free to embed the
> XHTML1 Valid icon when validator.w3.org lists eleven errors on that page?
>
>  :-) .  Cheers, -- tlvp
> --
> Avant de repondre, jeter la poubelle, SVP.

The base shell complies with W3 standards before various items were
added for SSI code that get change from time to time. Its easy to
change one script than try to change hundred of pages.

Various code/links info that gets put on these pages are by 3rd party
and I have no control over them nor have the time to fix them.

If you remove the SSI code <!--#include virtual="/text/xxxx.txt" -->,
<meta property="og: in the header, page will pass. At the same time,
if you remove the twitter code that I have no control over as well the
link "wt.ac" or other items related to the links that are not mine,
will pass. I do see 2 errors that I thought I fix for items added from
the original approval and once fix, it will pass.

Don't believe having icons for something that not true in the first
place. The same applies for my css when its css3 in most cases today
since W3 doesn't validate that at this time. Strip css3 code from the
css page, will pass.

The page is still being develop, as it not the final one yet.

drum118

unread,
Feb 7, 2012, 12:19:34 PM2/7/12
to
On Feb 7, 3:14 am, tlvp <mPiOsUcB.EtLlL...@att.net> wrote:
> On Fri, 3 Feb 2012 19:49:18 -0800 (PST), drum118 wrote:
> >  ...
> >http://transiturban.cais the first one where Welcome fonts is not
> > like Featured Videos font in FF.
>
> Is there some reason other than simple Chutzpah to feel free to embed the
> XHTML1 Valid icon when validator.w3.org lists eleven errors on that page?
>
>  :-) .  Cheers, -- tlvp
> --
> Avant de repondre, jeter la poubelle, SVP.

As a follow up to my last post, if you view http://transiturban.ca/front.html,
you will get a copy of the main site page. If I leave this link on the
page, you will get an error and warning.
<dd><a href="http://www.viarail.ca/en_index.html?
wt.ad=english_link_view&wt.ac=click_English_link" accesskey=""
title="VIA&nbsp;Rail has information on their site regarding transit
and their views about it as well other information you maybe
interested in by following this link.">VIA Rail</a></dd>
That link is not mine as well why should I spend time fixing the link
in the first place when I am not sure if the change will work in the
first place?.

If I remove it along with the other things I stated in my last post,
the page validate. The page is online.
0 new messages