Omnes Bold Fonts Free Download
Mina Spartin
I am mainly using these two fonts: Orpheus Pro and Omnes Pro. I tried using this code to access different strengths in the font weight but I could only get two options normal font (100 to 500) or strong bold (600 to 900)
I don't want to apply it to that heading specifically only. I want to have an option to vary the weight of the bold. The current bold of both of the fonts I am using, Orpheus Pro and Omnes Pro, is too strong, I would like something softer.
The code you see on your computer is from the locally installed OpenType font which has the full set of characters. However, font files are quite large and as such when you use webfonts they are usually split up into smaller subsets (as most of the characters aren't used). Those subsets are usually conditionally rendered depending on whether a particular character is found in the page.
The Omnes Pro font squarespace provide is from typekit and the particular unicode character you're looking for isn't in the subset provided so the browser is falling back to whatever default font it does have that character in. You can't directly alter the subsets that typekit download as they are done through Squarespace.
However, with a bit of trial and error it does seem like you can overwrite the particular subset it brings down by modifying the font family declaration. so if you add this to your custom css you might find it works (I've only done this for the normal font weight, but it seems to work).
the code I posted will only work if it's got the default styling on it, so it's possible that you have a different style, font-weight or something like that on it. Also, you might find that the typekit link is slightly different for you. (mentioned both of these in the notes - it's not a personalised solution as can't see your site)
easiest way to do that is to inspect the elements using Chrome's developer tools and search the source for "omnes-pro". if you don't want to do that, then feel free to put the link to your site here (publish it behind a password if its not ready yet and put the password here) and I'll have a quick look for you.
I have tried a bunch of different coding styles to see if I can make the macrons appear, i've added !important, watched countless videos, read countless blogs and I am still having no luck!
Here are two of the coding texts i've used:
OK, your code is wrong because you're trying to link to Adobe's provided stylesheet as if it were the font itself, which doesn't work. However, to get the macrons this is really a question about how to set up web projects on Adobe.
First thing to do is to get your code right. you need to add a link element that links directly to the adobe stylesheet. best to do this in your header injection code if you're on premium. if you're not you can probably just inject a code block into your footer.
then you can add your css rules which will tell it to use the font. something like you've already tried will work here. put them into your Custom CSS, or embed them in style tags within a code block. note that the font-weights must match exported versions of the fonts. you'll be able to see what those are when you edit the font project in adobe (coming up...)
this should make everything go all 'alda'... but the macrons will probably not go into the alda font. this is because of the problem I've written about in previous posts in this thread. Web fonts are made as small as possible and therefore don't export all the characters by default. To change this you'll need to go into your adobe account which is providing the font. go to _fonts#web_projects-section and once you have signed in you'll need to edit the project's exported character sets. It will be set to default.
at this point you can modify the character set, you can click "All Characters" or "Language Subsetting" and include specific character sets. probably better to do that in your case. You can also see here the different weights being exported...
click "Save Changes" at the bottom. You'll have to wait a little while the font changes are propagated through adobe's content delivery network, but after a minute or two press refresh on your website and the macrons will appear.
I am trying to install a custom Adobe Font in multiple weights. If I use the css suppled by Adobe Fonts (rather than TypeKit these days), I can select it in the Bubble style editor and apply italic, bold etc and see the results.
If you look inside this file, you will find a number of @font-face statements. Use one of these for each CSS you use for a custom font definition. So for example for omnes-pro regular, the CSS looks like this:
@andrew4 and @user.system I am almost 6 months too late to this thread, but did this get resolved? I have opened the typekit link for my own web fonts to manually copy each link into Bubble. However, I do not know how to override the font family. Is it just a case of changing the css in a text edit format?
b1e95dc632