How to make Facebook avatars of black and yellow letters strange

If you were too bored with the avatar type Facebook image, you could change it to Facebook avatar in a cool black-and-gold font.

In order to create a unique and strange Facebook avatar style, it certainly won't be too difficult, as Facebook has supported creating Facebook avatar images with videos, or services that create Facebook online avatar. And if you want to create a unique Facebook profile image, you can follow the article below.

Accordingly, users can create Facbeook avatars with prominent black, exclusive and strange black letters. This is the code found by members of the J2Team team on the Codpen page. We can insert any content into the codestream to get the fastest results. Follow the Network Administrator in the article below.

  1. Manually create a Facebook Avatar image with 5 online applications
  2. Do you know how to create avatar frames and effects on Facebook yet?
  3. How to create an avatar image and Facebook cover photo match

How to create a new Facebook avatar

Step 1:

First, go to the link below to create the text.

  1. https://codepen.io/ArtZ91/pen/NggJBM

Step 2:

In the interface in HTML section there will be 2 lines of code 2 and 3 for us to edit. Here enter your name at Code and pen to apply.

How to make Facebook avatars of black and yellow letters strange Picture 1How to make Facebook avatars of black and yellow letters strange Picture 1

The result will look like the image below. However, the text is quite large and long, so when applying it is not nice. So users should note writing short letters, 2 words are beautiful.

How to make Facebook avatars of black and yellow letters strange Picture 2How to make Facebook avatars of black and yellow letters strange Picture 2

Step 3:

In case you want to adjust the font smaller then you look at CSC , line 18 edit the font size for the text. At that time the text will automatically change.

How to make Facebook avatars of black and yellow letters strange Picture 3How to make Facebook avatars of black and yellow letters strange Picture 3

In addition, you can also adjust the font style and font color in the CSS section. From lines 14 to 30 we can adjust the handwriting or background color according to options.

How to make Facebook avatars of black and yellow letters strange Picture 4How to make Facebook avatars of black and yellow letters strange Picture 4

For example, I will change the font type to Arial Narrow and will be rendered as shown below. To change the user will have to manually enter the font, color type.

How to make Facebook avatars of black and yellow letters strange Picture 5How to make Facebook avatars of black and yellow letters strange Picture 5

Step 4:

Currently, it is not possible to download images, or text, so users are required to take screenshots and cut them into photo editing tools. As a result, we will get a Facebook profile picture as shown below.

How to make Facebook avatars of black and yellow letters strange Picture 6How to make Facebook avatars of black and yellow letters strange Picture 6

With a simple way, just change the text in the pre-designed code, you have renewed your Facebook avatar to not too sophisticated but prominent typeface. Not only do users use Facebook as an avatar, users can use it as avatars on many different forums.

See more:

  1. Create style for Facebook Avatar with two attractive features
  2. How to create an avatar image and Facebook cover photo match
  3. How to convert avatar Facebook into different national flags

I wish you all success!

4 ★ | 1 Vote