# Phaser3 in vueJs: Dealing with Text Blurriness Issue

**URL:** <https://phaser.discourse.group/t/phaser3-in-vuejs-dealing-with-text-blurriness-issue/14110>\
**Category:** Phaser 3\
**Created:** [March 13, 2024, 7:32am UTC](https://phaser.discourse.group/t/phaser3-in-vuejs-dealing-with-text-blurriness-issue/14110 "2024-03-13T07:32:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShinByoungWoo](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/shinbyoungwoo/32/7494_2.png) [@ShinByoungWoo](https://phaser.discourse.group/u/ShinByoungWoo)\
**Post date:** [March 13, 2024, 7:32am UTC](https://phaser.discourse.group/t/phaser3-in-vuejs-dealing-with-text-blurriness-issue/14110/1 "2024-03-13T07:32:14Z")

</div>

Using Phaser3 in vueJs to run the game.

I used Phaser3 createFromHtml() to create a video tag  
and gave it a border-radius of 20px for the design.

Right next to it, I used createFromHtml() with a P tag to create text.  
I also had a font and increased the font size, but  
the text pixels were getting blurry.

To solve this, I tried things like displayPixelRotate, creating it with this.add.text and settingScale (high value), and using this.add.dom object setScale (high value), etc., but failed.

After removing the video’s border-radius, the font resolution changed correctly.

I’m curious if there are other solutions to this issue (besides removing the border-radius).