# How to change the weight text that is bound to a variable and is also using a typography setting?

**URL:** https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439
**Category:** How do I?
**Created:** [August 26, 2024, 1:19am UTC](https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439 "2024-08-26T01:19:04Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![kanepaamauloa](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kanepaamauloa/32/8944_2.png) [@kanepaamauloa](https://community.weweb.io/u/kanepaamauloa)
#### Post date: [August 26, 2024, 1:19am UTC](https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439/1 "2024-08-26T01:19:04Z")

</div>

I would think there is a simple solution here, but I’m not sure how to do this in WeWeb.

I have a Text object whose value is bound to a variable. The Text object also uses a Typography setting.

I want to make the text bold (change the font weight), but I can’t seem to do that because it is using a Typography set.

 ![CleanShot 2024-08-25 at 21.14.41@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1eef24bac9fa4dca8955e84aaf6bcd385cbb9ccc.jpeg)

---

<div class="post-metadata">

### Author: ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)
#### Post date: [August 26, 2024, 1:25am UTC](https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439/2 "2024-08-26T01:25:49Z")

</div>

This is the format used for typography.

`600 60px/72px Inter`  
_Weight + Font Size/Line Height + Font Name_

> [@How to Bind 'Typography'](https://community.weweb.io/t/how-to-bind-typography/8481/2):
>
> Actually just figured it out, you’re meant to bind typo styled from the libraries, but you can also concatenate the style by formatting it like in the image

---

<div class="post-metadata">

### Author: ![kanepaamauloa](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kanepaamauloa/32/8944_2.png) [@kanepaamauloa](https://community.weweb.io/u/kanepaamauloa)
#### Post date: [August 26, 2024, 1:58am UTC](https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439/3 "2024-08-26T01:58:17Z")

</div>

Thanks, Micah!

I don’t quite understand the image being shown.

Would I just add a font weight to the beginning of the Typography variable?

---

<div class="post-metadata">

### Author: ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)
#### Post date: [August 26, 2024, 3:34am UTC](https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439/4 "2024-08-26T03:34:25Z")

</div>

Realistically you should have a set of predefined typography styles that are already bolded, but for one off things, you just need to follow the format I mentioned

> [@Micah](#):
>
> `600 60px/72px Inter`  
> _Weight + Font Size/Line Height + Font Name_

You can concatenate multiple pieces of text or variables to get that format.

---

<div class="post-metadata">

### Author: ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)
#### Post date: [August 26, 2024, 3:37am UTC](https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439/5 "2024-08-26T03:37:26Z")

</div>

If you need inspiration for how you should setup a sufficient list of typography styles, check out the link

> **[Figma typography styles template | Untitled UI](https://www.untitledui.com/components/typography-styles)**
>
> Figma typography styles template crafted with 100% Auto Layout 5.0 and Figma best practices. Untitled UI is the largest Figma UI kit in the world.

---

<div class="post-metadata">

### Author: ![kanepaamauloa](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kanepaamauloa/32/8944_2.png) [@kanepaamauloa](https://community.weweb.io/u/kanepaamauloa)
#### Post date: [August 26, 2024, 4:07am UTC](https://community.weweb.io/t/how-to-change-the-weight-text-that-is-bound-to-a-variable-and-is-also-using-a-typography-setting/10439/6 "2024-08-26T04:07:28Z")

</div>

The first part of your answer is what I was wondering, because it seems a bit overkill to be creating another typography style just to change the font-weight. But if that’s the only way to do it, then I’m happy to go that way.

Your other solution, the one that uses binding and following a syntax, it reminds me of hard-coding. It’s not really what I want to achieve.

I was hoping to be able to pick a Typography style and simplify modfiy its weight. I guess it’s not possible!
