Hi....
This example:
@font-face {
font-family: 'riesling';
font-style: normal;
font-weight: normal;
src: url('font/riesling.ttf'));
}
.......suggest the *.ttf is in the folder "font" on the / of the
server (the local folder of the tw is the /)....in other words: it is
the same domain.
>This guy talks about a solution that actually embeds the TTF font file
>(which, apparently, can't be read by firefox cross-domain) within the
>CSS file (which, apparently, can) so it can be served up directly from
>an external server and still work on Firefox.
>
>(btw, isn’t there a native tw capabilitie to do just that, embed files
>within tiddlers? Any idea where to look?)
Yes
http://fonts.tiddlyspace.com/#FontUploader
To take away some confusion about the tiddlyspace fonts.
The fonts are uploaded (inside the tw) with the
http://fonts.tiddlyspace.com/#FontUploader
(<<binaryUploadPublic edit:title edit:tags tags:font>>) that is why
the fonts are "local" (existing inside the tw) and thus in the same
domain.
@font-face {
font-family: 'Philosopher';
font-style: normal;
font-weight: normal;
src: local('Philosopher'), url('http://fonts.tiddlyspace.com/
Philosopher.ttf') format('truetype');
}
This is why the url to the same domain isn't a path to....it is local!
(src: local ....pointing to the binary file/tiddler....similar as the
binary content in your css's.....
Here:
http://fontfaceexample1.tiddlyspot.com/#TrajanRegularStylesheet
You can see the css contains the binary (notice the svg).....so it's
inside the tw also (as you mentioned in the tiddler)
Only modern browsers (like firefox) are capable to handle
binary's.....for other browsers you still need the url to the font.
I made an example (together with your mocca theme [1] )
In this example the MarkupPreHead is used only!! (no __css__!) .....
tested with firefox and safari.....
The http://jd.heliohost.org/Novelty2/webfont/stylesheet.css loads the
eot for IE and the binary for firefox.
Which suggests that firefox accepts binary's from other domains (/or
handles binary's as local) similar to the tiddlyspace-fonts "external"
link.
[1] to use the mocca theme you need all the moccatheme tiddlers not
only the css.
Here is the example in my dropbox:
http://dl.dropbox.com/u/9670094/moccafont/index.html
B-)
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en.
