Buy Me a Coffee

README.md

Buy Me a Coffee

Using inlined HTML

<a href="https://www.buymeacoffee.com/gbraad" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>

Using Markdown

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/gbraad)

Note: the option target=_blank is not part of the standard Markdown defintion, so I added the extension option but this might not be supported by the parser. You can test this by using:

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/gbraad){:target="_blank"}

if the text gets printed you are out of luck.

@Wasserwecken since this is a pixel-based PNG image, this is not possible (and they also do not offer AFAIK).

@Wasserwecken

By using inlined HTML, you can set the height so it will align with other badges. But the readability gets worse. Is there an image with another font? ...

You can use https://cdn.buymeacoffee.com/buttons/v2/arial-orange.png for arial-orange combo.

Basically use their button generator to learn names of color + font combos.

That arial+orange looks bad when scaled down, as the font is actually too small compared to the button and the cup next to it.

@gbraad

That arial+orange looks bad when scaled down, as the font is actually too small compared to the button and the cup next to it.

Well someone asked whether there are other official options with different font and got reply there are none. Which is not true.
This is what they have. I bet there are more.

thanks~

Thanks

Thanks ❤️

thanks. it's very good.

many thanks!

Thank you very much :)

For custom text, emoji, font, use below code, change devvie to your username:

<a href="https://www.buymeacoffee.com/devvie"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me Okpa&emoji=🍘&slug=devvie&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff" /></a>

tweak the value of text, slug,font_colour,button_colour, etc to your taste

Thank you!

Thanks