Copy/paste HTML, HTML DOM, CSS or javascript codes from website itself?

This topic has 3 replies, 3 voices, and was last updated 44 minutes ago by Pandern.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
2025-03-18 at 4:50 am #80677
c4cc
Participant
I’m trying to copy this css code< as indicated in red. I want to replicate the same exact font, especially for size, style and color:

View post on imgur.com

Source

Intended font for the intended html element :

View post on imgur.com

Font for the element containing the intended element

Yet when I copy and pasted the intended font into my visual studio code, the final font looked like this

How do I copy/paste the desired code from into my html element so my element’s font is 100% similar? Of course, its size not intended for h1, h2 tags
- This topic was modified 12 hours, 27 minutes ago by c4cc.
- This topic was modified 12 hours, 7 minutes ago by c4cc.
- This topic was modified 12 hours, 4 minutes ago by c4cc.
2025-03-18 at 12:18 pm #80699

Yuri Kovelenov
Staff

Hi,

you could probably use the load font puzzle https://www.soft8soft.com/docs/manual/en/puzzles/Initialization.html#load_font

Chief 3D Verger | LinkedIn | Twitter

2025-03-18 at 1:51 pm #80701
c4cc
Participant
Thanks for the suggestion, it’s just that I wanna try copying css properties from other webpages without using puzzles.

While those puzzles are indeed helpful I may need to learn this without puzzles
- This reply was modified 3 hours, 1 minute ago by c4cc.
2025-03-18 at 4:38 pm #80703
Pandern
Customer
```
@font-face {
  font-family: 'Founders Grotesk Regular';
  font-weight: 400;
  src: url('//forum-font.cdn.bubble.io/f1591661753437x401230189466371460/founders-grotesk-web-regular.woff');
}

html {
    font-family: 'Founders Grotesk Regular', Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    word-spacing: 2px;
    line-height: 1.3;
}
```
I guess you forgot to copy/paste the source of the font, like they have in their css?
Author

Posts