Font embedding feature

[jana]

Since the latest code push it's possible to embed web fonts in your stylesheet via the style wizard. What is the corresponding property if you want to set it in a theme layer? I'm working on a layout but don't use it as my journal style (which means I can't use the wizard).

Comments

Not sure this is what you wanted

[ninetydegrees]

property string font_sources {
des = "Embedded fonts stylesheet URL";
note = "The URL must point to a font stylesheet such as 'http://fonts.googleapis.com/css?family=Average+Sans' and not directly at the font file. Embedded fonts can slow page loading time. Blank the field to stop using them.";
}

set font_sources = "";

Re: Not sure this is what you wanted

[jana]

If I include 'property string...' I get an error message saying 'Compile error: line 27, column 1: Only core and layout layers can define new properties.'

If I just use 'set font_sources = "";' and include a link such as 'http://fonts.googleapis.com/css?family=Average+Sans' nothing happens.

What am I doing wrong here?

[ninetydegrees]

Oh sorry, the property thing was just to show you how the property works. Btw, things you didn't ask about but that I'm gonna tell you anyway: all the properties you can use (i.e. the set things) can be found at http://www.dreamwidth.org/customize/advanced/layersource?id=550&fmt=html; they're generally sorted by category (Presentation, Colors, Fonts, etc.).

Can you check your code and make sure you don't have an extra '? Looking at the source code of your journal I see it's fetching http://cssproxy.dreamwidth.org/?u=http://fonts.googleapis.com/css%3Ffamily%3DAverage%2BSans%27 instead of http://cssproxy.dreamwidth.org/?u=http://fonts.googleapis.com/css%3Ffamily%3DAverage%2BSans

See? There's an extra %27 at the end of the URL.

The prop should be set like so:

set font_sources = "http://fonts.googleapis.com/css?family=Average+Sans";

[jana]

Oh, I tried out the new font feature via the wizard yesterday and I forgot to delete the link afterwards. I'm working on this layout: http://jana.dreamwidth.org/?s2id=477942, you should be able to see it.

I'm testing 'http://fonts.googleapis.com/css?family=Grand+Hotel'

[ninetydegrees]

Oh different issue entirely then. I see it's not fetching the stylesheet at all as if it wasn't using the prop. Could you make your layer(s) viewable and link me to them?

[jana]

I thought I made the layer viewable (layerinfo "is_public" = 1; layerinfo "source_viewable" = 1;), you should be able to see it.

[ninetydegrees]

Sure but you linked me to the style, not the layers so I wouldn't know. :)

[jana]

Good point ;) Here's the layer link: http://www.dreamwidth.org/customize/advanced/layerbrowse?id=209981

[ninetydegrees]

Thank you! So it doesn't work because set include_default_stylesheet is set to false. I'll have a look at the Core code and see if it that's normal or not.

Edit: looking at the comments on the bug, it seems this was done on purpose. I had initially put the option in a difference place but was asked to move it to another function (I don't know why though as I don't know how stylesheet inheritance and cleaning works).

[momijizukamori]

set font_sources="http://url"; is the property to link an external sheet. You can also copy in the @font block from an external font style-sheet.