March 7, 2014 at 7:08 pm #2696
Hope you are well – great theme! I am super excited to get going with it! :-)
I have bought a bespoke font from Lineto, which requires that I use a certain method of installation (self-hosting). For that I was wondering, if perhaps you could help with suggestions on how to best do this in accordance with your theme structure?
Here are the instructions I received:
Please note that installing these font files on a web-server requires
you to configure the server to enforce a referrer check for the
licensed domain names.
IT IS IMPERATIVE THAT THE INSTALLATION PROTOCOL IS FOLLOWED CAREFULLY
AND COMPLETELY. THANK YOU.
The configuration file is named ‘htaccess’ and is located in the
folder ‘css/fonts’. When copying to the server, please rename this
file to ‘.htaccess’, adding the ‘.’ at the beginning of the filename,
as otherwise the configuration will by ignored Apache.
The configuration is provided in the file ‘nginx.conf’, and needs
to be integrated into your configuration file used for serving the
website on your domain name. Depending on your folder hierarchy,
the location of ‘/css/fonts’ will have to be adapted to the actual
location of these web-font files.
The configuration file is named web.config and is located in the
folder ‘css/fonts’. Please keep in mind that the rewrite rules of
this file only work if the “URL Rewrite” extension is installed on
I hope there’s an easy way to do this, if not, don’t worry and I’ll try and find someone else that can help me.
Thanks in advance,
JonasMarch 9, 2014 at 9:04 am #2697
Don’t worry! I found out myself how to do it; I just added the @fontface CSS styles to the actual CSS stylesheet instead of into the Custom CSS field in the Theme Options panel, and then it worked – voilá!
JonasMarch 9, 2014 at 2:11 pm #2699
first of all, thank you for the purchase! Glad to hear the issue was resolved, indeed the self-hosted fonts need an @font-face declaration in one of the theme’s CSS files.
Should you have additional questions, do not hesitate to contact me!
Andrii / Satori StudioMarch 10, 2014 at 5:56 pm #2713
Sorry to get back to you on this one, but I’ve run into another problem with the self-hosted font.
The issue is now that I get faux-italic and bold browser styles in normal texts(!). It worked fine before when, for example, I wrote ‘Circular Black’ in the ‘Headings font’ field, because the weights were still in separate families then. I have now made them all the same family, in order to avoid the issue of faux styles, and given each font file a style (find examples below). Here are the instructions I followed:
–but then now I cannot define styles in the ‘Typography’ section of the Themes Options as I can only add the font family and not the weight!? This means that the weight is the same all over the site except for in normal texts where the bold is defined by a ‘b’ or ‘strong’ html tag.
I hope that makes sense. If not, do let me know.
Any suggestions on how to best solve this?
Thanks, and again, sorry to get back to you on this one.
src: url(‘fonts/lineto-circular-mediumitalic.eot?#iefix’) format(’embedded-opentype’),
src: url(‘fonts/lineto-circular-bold.eot?#iefix’) format(’embedded-opentype’),
March 10, 2014 at 6:12 pm #2715
- This reply was modified 2 years, 7 months ago by skafte.
I guess I’ll just have to do a lot of CSS styling? If that’s the only solution, then no worries :-) I’ll drink a big cup of coffee and get going with it. Was just wondering if there would be any easier ways – like adding a tag to the ‘Headings font’ field or something…
JMarch 10, 2014 at 8:38 pm #2717
if I understood correctly what you’re trying to achieve, then maybe the coffee wouldn’t be required :)
If you want, you can declare the different styles of the same font as separate @font-face declarations (see examples here). The you can use the new identifiers for your element styling without having to make drastic changes anywhere else. Please let me know if this addresses the issue you’re facing!
Andrii / Satori StudioMarch 12, 2014 at 4:59 pm #2735
I made it work, but by overriding individual CSS styles for each element I wanted changed.
I was hoping that it would have been possible to define styles through Theme Options/Typography/ – but here I can only define the font family (e.g. Circular) and not the weights – as far as I could make sense of it at least.
Anyway, I got it solved manually, so no worries. Perhaps something to consider for a future update…?
JonasMarch 13, 2014 at 10:55 am #2742
I will consider more detailed typography options for the next version update of Ikebana, thank you!
Andrii / Satori StudioMarch 16, 2014 at 5:51 am #2758
Hope to see this function soon too.
You must be logged in to reply to this topic.