You've successfully subscribed to Castopod Blog
Great! Next, complete checkout for full access to Castopod Blog
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.
Success! Your billing info is updated.
Billing info update failed.

The Podcast Font

Have you ever struggled to find a podcast platform icon? If you have, The Podcast Font is for you!

Benjamin Bellamy
Benjamin Bellamy

Podcastfont-Homepage

The Podcast Font provides all the icons you need for your podcast website, your podcast app or your podcast documents.

It is used by Podnews where it was first publicly announced.

Browsing The Podcast Font

The Podcast Font provides Icons for the Podcasters,
Podcastfont-Podcaster

Icons for the Podcast Listeners,
Podcastfont-Listener

Podcast Directory icons,
Podcastfont-Directory

and Miscellaneous podcast-related icons.
Podcastfont-Misc

You can combine filters, such as “Podcasting 2.0 and Open-Source platforms for listeners”,
Podcastfont-P2-OSS-Listener

And you can type the name of the icon you are looking for (for instance Castopod's icon).
Podcastfont-filter

Copying icons

You can copy an icon's HTML code (in order to paste it in a web page),
Podcastfont-HTML

You can copy an icon's glyph itself (in order to paste it in an office software),
Podcastfont-Glyph

You can view or download an icon's SVG file,
Podcastfont-SaveAs

You can go to the website related to this icon,
Podcastfont-Website

You can copy the icon's hexadecimal Unicode number,
Podcastfont-Unicode

And you can copy the link to this icon on podcastfont.com.
Podcastfont-Link

How to use it on your website

  • Download the podcastfont.zip package and upload it to your website, or simply use the podcastfont.com online copy.

  • Add the following HTML code in the section of your pages (adapt this code according to your server),

<link rel="stylesheet" href="https://podcastfont.com/releases/202201131704/css/PodcastFont.css" integrity="sha384-GXfV9/rBA6iCRFCngL3/BZ6nAiPh6LUJVawef09rA6mrpKPMe41y054gBT0oamrA" crossorigin="anonymous" />

(You should get the latest version from The Podcast Font Help page.)

or import it in your own CSS.

<style>
@import url('https://podcastfont.com/releases/202201131704/css/PodcastFont.css');
</style> 

Podcastfont-WebsiteCodeInjection

  • When you need an icon, copy its HTML code from podcastfont.com and paste it in your document.
    Podcastfont-WebsiteInsert

Use it with your office software

  • Download the podcastfont.zip package
    podcastfont-download

  • Unzip the package,
    Podcastfont-unzip

  • Install the Podcast Font (either OTF or TTF) by double-clicking on the file,
    Podcastfont-Install

  • When you need an icon, copy its glyph from podcastfont.com and paste it in your document.
    Podcastfont-Libreoffice
    Podcastfont-Impress

Use it with Nextcloud + Collabora

One huge advantage (among many others…) of Nextcloud Office + Collabora Online over closed platforms is that you have total control on them and therefore you are able to install new fonts on the server itself!
Just copy the font file on your Collabora server, in the /opt/collaboraoffice/share/fonts/truetype/local/ directory.
If you are running the Collabora Docker image, you should probably copy the font file in the /usr/local/share/fonts/truetype/ directory and map it to /opt/collaboraoffice/share/fonts/truetype/local/:

$ sudo docker run -t -d -p 127.0.0.1:9980:9980 -e 'domain=myserver\\.nextcloud' --volume "/usr/local/share/fonts/truetype/:/opt/collaboraoffice/share/fonts/truetype/local/:ro" --restart always --cap-add MKNOD collabora/code

When you need an icon, copy its glyph from podcastfont.com and paste it in your document,
Podcastfont-Nextcloud

You may also select an icon from the menu “Insert” / “Special Characters”.
Podcastfont-Nextcloud-InsertChar
Suck on that GAFAM-Docs-365!

(More information about Nextcloud and Collabora installation.)

Feedback

You may open an issue if you want to request an Icon or report an error.

Source code

All source code used to generate the Podcast Font website is available for download.
For more informations please go to The Podcast Font GIT repository.

Tips & Tricks

Benjamin Bellamy

Podcasts, e-commerce & open-source. Father of Castopod. CEO of Ad Aures.