# Questions About The Typography Component

**URL:** <https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188>\
**Category:** Elements\
**Created:** [November 7, 2024, 10:01pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188 "2024-11-07T22:01:40Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [November 7, 2024, 10:01pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/1 "2024-11-07T22:01:40Z")

</div>

I understand the Typography component is geared towards longform text, so I have been putting it to the test.

There seems to be a similar problem with it that we had in the v1 text editor where carriage returns are not respected (or inserted).

Here is a partial example of some text I have entered into a typography component in the editor.

 ![CleanShot 2024-11-07 at 11.46.57@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/0/a03fb836dbb5e33bb02421c8c73c0cc41c1d89b8.png)

You will notice that anywhere I wanted a carriage return I had to actual do two returns and I still did not really get a paragraph break when viewed in the browser as shown below.

 ![CleanShot 2024-11-07 at 11.52.48@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/9/f985fed1d8a12e46ce91699628c0e17039718f8e.png)

We had a similar problem in the v1 text editor, is this just something that has not been fixed or am I missing something.

In it’s current form this component is not viable for longform text in the true sense of the word. Don’t get me wrong it is a lot close than v1 but there are still issues.

The other problem I have run into is with the specifying of custom typography in the Theme Studio. It is fantastic that you can setup all of this stuff in the first place. But there appear to be some problems. In my case I’m trying to setup the typography for the BODY using a custom font family I had setup. I select this custom font but it is not applied through the custom typography element. It is still displaying the font in the default font and not my custom font. I can select the text and change it to my custom font, but that defeats the whole reason for this custom element.

Is this a bug or am I missing something?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 7, 2024, 10:17pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/2 "2024-11-07T22:17:59Z")

</div>

I’ve tested this and it seems to working here just fine 🤔 Can you make sure you’re running the latest beta (Version b18, 23018) as we did put in some fixes for this.

If it still doesn’t work, can you share the project file so we can take a look and find out what’s going on?

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [November 7, 2024, 10:50pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/3 "2024-11-07T22:50:11Z")

</div>

Yes, I am running b18 and I have just tried it again and it does not use my font selection. I can by pass the problem by selecting the text and setting it inline, but that defeats the whole purpose.

Here is the link to the project.

elementsapp://downloadDocument/Qyr4Wi9wXD9B

Sorry I forgot to add. Go to the Details page and look in the FEATURES section and you will see some Typography (man that is a hard word to type) components in my temporary cards.

---

<div class="post-metadata">

**Author:** ![martijn](https://avatars.discourse-cdn.com/v4/letter/m/dbc845/32.png) [@martijn](https://forums.realmacsoftware.com/u/martijn)\
**Post date:** [November 7, 2024, 10:50pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/4 "2024-11-07T22:50:40Z")

</div>

I have a case where multi-line text copy-pasted from BBEdit (or from the v1 text) does not result in multiple paragraph tags, but typing return in the inline editor does work as expected.  
(running b18)  
sample project: elementsapp://downloadDocument/llnQ01em9eir

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [November 7, 2024, 10:53pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/5 "2024-11-07T22:53:22Z")

</div>

But did it work when you displayed it in a browser. It works as expected in the editor but not in the browser for me.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [November 7, 2024, 11:13pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/6 "2024-11-07T23:13:00Z")

</div>

not working for me either

seems to work if I type something but not if I copy and paste.

also if I do copy and paste then type something after it then it wont see any carriage spaces if published or previewed

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 8, 2024, 10:48am UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/7 "2024-11-08T10:48:37Z")

</div>

> [@handshaper](#):
>
> Yes, I am running b18 and I have just tried it again and it does not use my font selection. I can by pass the problem by selecting the text and setting it inline, but that defeats the whole purpose.

Hey @handshaper, Okay, we’ve located (and fixed) the problem! The Typography component was showing it had a style selected, but it wasn’t actually selected — the value was null.

Anyway, [beta 19](https://forums.realmacsoftware.com/t/elements-beta-19-build-23021/45199) fixes this issue, and I’ve recorded a quick video walking you through the changes and showing how it now works!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 8, 2024, 10:51am UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/8 "2024-11-08T10:51:17Z")

</div>

> [@martijn](#):
>
> I have a case where multi-line text copy-pasted from BBEdit (or from the v1 text) does not result in multiple paragraph tags, but typing return in the inline editor does work as expected.

Thanks for the report… right now, copying and pasting text into the editor often doesn’t work as expected as it strips out all styles. We’ll take a look at this and see what we can do!

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [November 8, 2024, 6:22pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/9 "2024-11-08T18:22:54Z")

</div>

Awesome, Dan.

Interestingly, I discovered this late last night as well, where if I selected my type style in the dropdown it worked.

Thanks for the fix.

BTW, this typography stuff is awesome, the control it gives you is amazing.

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [November 8, 2024, 8:38pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/10 "2024-11-08T20:38:18Z")

</div>

I just wanted to add that I discovered that the typography component is sensitive to where the text comes from if it is copied and pasted into the component. The example I gave at the top of this post was copied from a Stack in Classic and pasted into the component. When I took that same text and first pasted into TextEdit and formatted it before pasting it the result was much cleaner and as expected.

I also discovered that to get better separation between my paragraphs I had to tweak the margins in my custom typography. Then I got much better looking text in the browser.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 8, 2024, 11:16pm UTC](https://forums.realmacsoftware.com/t/questions-about-the-typography-component/45188/11 "2024-11-08T23:16:22Z")

</div>

Thanks for the feedback, and yes, we still have some work to do, so you should see things continue to improve over the next few betas 👍
