# Adobe Fonts on Blog pages

**URL:** <https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967>\
**Category:** RapidWeaver Classic\
**Created:** [April 25, 2021, 10:14pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967 "2021-04-25T22:14:59Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 25, 2021, 10:14pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/1 "2021-04-25T22:14:59Z")

</div>

I am trying to use adobe fonts on my project. I am able to use Joe Workmans awesome stack on stack pages but having a difficulty adding custom fonts on headers on my blog page.

Help?

I added the Adobe project style code to the header and the following code to the CSS but I think I am doing it wrong.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [April 25, 2021, 10:37pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/2 "2021-04-25T22:37:11Z")

</div>

> [@joshandrewbrown](#):
>
> project style code to the header and the following code to the CSS but I think I am doing it wrong.

You need to mark code as formatted text on your post or we can’t see it.

After pasting the code into the post, select it and hit the button `</>` right above where you type.

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 25, 2021, 10:53pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/3 "2021-04-25T22:53:31Z")

</div>

Im pretty bad at this? Don’t I do it in the css?

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/9/7936250a0b7fae71e584fdf53e428d16aaaba0b2.jpeg)

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [April 25, 2021, 11:30pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/4 "2021-04-25T23:30:59Z")

</div>

It’s hard to say what you have here.

The CSS looks like are trying to set the headings h1-h6 to use “lust”?

If that’s true and you have the fonts set to load someplace else, the you will at minimum need to add the `font-family: ` attribute ahead of the fonts.

```css
h1, h2, h3, h4, h5, h6 {
   font-family: "lust", sans-serif;
}

```

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 26, 2021, 12:10am UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/5 "2021-04-26T00:10:40Z")

</div>

Thanks for helping me. I have the style sheet that adobe typeset provides. In my head

That should bring in all of my adobe fonts I believe?

This is the font:

font-family: lust, serif;  
font-weight: 700;  
font-style: normal;

Then I added this to the css section:

h1, h2, h3, h4, h5, h6 {  
font-family: “lust”, sans-serif;  
}

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [April 26, 2021, 12:34pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/6 "2021-04-26T12:34:23Z")

</div>

> [@joshandrewbrown](#):
>
> I have the style sheet that adobe typeset provides.

I’m no expert on adobe fonts, but without seeing where you put these style sheets It’s difficult to debug what’s going on.

Perhaps you can provide a URL to a test page?

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 26, 2021, 1:20pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/7 "2021-04-26T13:20:46Z")

</div>

> **[Overflow Church Grand Prairie, Tx | Notes](https://www.overflowdfw.com/messages/notes/)**
>
> Overflow Church Sermon Notes

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [April 26, 2021, 7:36pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/8 "2021-04-26T19:36:40Z")

</div>

Not seeing any Adobe fonts loading on that page:

 ![2021-04-26_12-26-38](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/9/39f1730d36dfb41b14d8293aeaeec2199e2b7196.png)  
  
Also not seeing any of the CSS you listed above.  
  
Not sure how well it would work with Aspen, Seems like the headings are using a higher specificity selector:  
 ![2021-04-26_12-33-32](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/a/aa73a96f979e598b0f92926c35edb9181cfac0f8.png)  
  
That means you would need to make sure you duplicated the selector or add the `!important` attribute.  
  
But first, you need to get the fonts to load on that page.

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 27, 2021, 1:33am UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/9 "2021-04-27T01:33:59Z")

</div>

I am kind of lost. This is my Css section of the blog page, I have pegged in the code for the adobe webs project but for some reason its just not loading.  
 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/f/2f2e5815cf2cab4f75e987f4612b4c70540511ac.png)

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [April 27, 2021, 2:08am UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/10 "2021-04-27T02:08:23Z")

</div>

Hey Josh!

For getting custom fonts into the RW built-in blog page, it’s usually a two-step process.

The first step is to take the URL to the font files and put it in the “Head” section of Rapidweaver. I usually do this in the site-wide code instead of per-page to save myself time.

If Adobe is hosting your fonts, there should be a link for you to use in the dashboard. The link should look something like this: `<link rel="stylesheet" type="text/css" href="https://example.com/fonts/fontkit/stylesheet.css" />`

The second step is to call that font on the actual blog page.

You’ve got the headers exactly right. I see a slight error in your CSS. All of your code needs to be wrapped inside the brackets {}, from after h6, all the way to the “;” at the end of `font-style`.

Give this a try:

```
h1, h2, h3, h4, h5, h6 { font-family: "lust"; font-weight: 700; font-style: normal; }
```

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 27, 2021, 2:49am UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/11 "2021-04-27T02:49:41Z")

</div>

Thans Chet,  
This is why it looks like in my head section. I also have it site wide.  
 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/a/eaade708010c6ca7c1769f0f400c74e9fecfc703.png)

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 27, 2021, 2:51am UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/12 "2021-04-27T02:51:38Z")

</div>

Thanks Chet, I have the typekkit code form above site wide as well as the blog page.

![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/a/eaade708010c6ca7c1769f0f400c74e9fecfc703.png)

Also posted your CSS code in the css section:  
 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/8/789bce45fb7886612d98d5a4e162d2642042f00e.png)

Still no change. Is it possible that Aspen is blocking it out. The fonts work great with Joe Workmans stack but cant get it here.

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [April 27, 2021, 12:36pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/13 "2021-04-27T12:36:11Z")

</div>

I don’t think this is an Aspen issue. I use custom fonts in that theme without any issue.

After “lust” and before the ; add `!important`

```
font-family: “lust” !important;
```

---

<div class="post-metadata">

**Author:** ![chet](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/chet/32/35396_2.png) [@chet](https://forums.realmacsoftware.com/u/chet)\
**Post date:** [April 27, 2021, 2:01pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/14 "2021-04-27T14:01:22Z")

</div>

One more issue. Replace your font-style with this one:

`font-style: normal;`

That one was my fault. I corrected it above in case anyone comes across this thread later.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [April 27, 2021, 2:11pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/15 "2021-04-27T14:11:13Z")

</div>

My suggestion would be to STOP and clean up what you have done.

Looking at the pagelink above you have this stuff all over the place.

Top of the body you have coded this:  
 ![2021-04-27_06-49-09](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/576a02d03a7b2238e449f140bc77cc5837940227.png)

Not sure how you put this into the body but it is invalid.

Next you have code in both Sitewide head section and page level. Pick one not both:

 ![2021-04-27_06-51-25](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/2/32a1c434b1db6e02c4bbc36aca01ca1dee192915.png)

Next you have the typekit code in the page level CSS:  
 ![2021-04-27_06-54-21](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/2/a2c619ccef6cc7bdd7c96cf056819da47f1d3ba7.png)

You don’t need the typekit 3 times.

Next change the site level CSS to this:

```auto
main.theme h1, main.theme h2, main.theme h3, main.theme h4, main.theme h5, main.theme h6 {
    font-family: "lust",serif;
    font-weight: 700;
 }

```

If

Themes don’t “block” custom CSS, however, they may (As Aspen does) specify a more specific specifier. Example `main.theme h1` is more specific than just `h1` so it gets applied. You could use `!important`, attribute but that’s bad practice unless you really need it. And you need to do it in the right place.

You can change the code you have to what I just gave you, (I tested it on your site) without cleaning up and it will work, but I’d clean up what you have.

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 27, 2021, 4:01pm UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/16 "2021-04-27T16:01:33Z")

</div>

> [@chet](#):
>
> `font-family: “lust” !important;`

This did it thank you! Can you help with one more thing?

If I wanted to change the non header font I am trying this with no success?

{ font-family: proxima-nova, sans-serif; !important; font-style: normal: }

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [May 28, 2021, 2:01am UTC](https://forums.realmacsoftware.com/t/adobe-fonts-on-blog-pages/38967/17 "2021-05-28T02:01:51Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.