Dafont top | Download free for design

Alphabutt font

By Brandon Korvas at Sep 05, 2018
This cheeky font works by layering the two styles in different colors.

You'll want to first layout the "Base" font, and color it. Once everything's in place, duplicate the text box (place it on a new layer for easier control), change it to the "Letter" font, and change the color. As long as the text boxes stay aligned, you should get a good effect.

If you want to change the text to something different, I recommend using
AAAaaa
<style type="text/css">
@font-face{
    font-family:"alphabutt-base-a-regular";
    src:url("https://dafonttop.com/wp-data/a/116/4116/file/AlphabuttBase.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/a/116/4116/file/AlphabuttBase.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/a/116/4116/file/AlphabuttBase.ttf") format("truetype");
}
span.font0{font-family:"alphabutt-base-a-regular";font-size:px;text-transform:;}
</style>
Alphabutt Base A Regular
<style type="text/css">
@font-face{
    font-family:"alphabutt-letters-a-regular";
    src:url("https://dafonttop.com/wp-data/a/116/4116/file/AlphabuttLetters.ttf") format("woff"),
    url("https://dafonttop.com/wp-data/a/116/4116/file/AlphabuttLetters.ttf") format("opentype"),
    url("https://dafonttop.com/wp-data/a/116/4116/file/AlphabuttLetters.ttf") format("truetype");
}
span.font1{font-family:"alphabutt-letters-a-regular";font-size:px;text-transform:;}
</style>
Alphabutt Letters A Regular