{"id":14362,"date":"2026-07-14T00:30:00","date_gmt":"2026-07-14T04:30:00","guid":{"rendered":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/?p=14362"},"modified":"2026-07-14T08:14:52","modified_gmt":"2026-07-14T12:14:52","slug":"dingbats","status":"publish","type":"post","link":"https:\/\/www.yourscrappingcafe.com\/home\/d19521157\/public_blog\/dingbats\/","title":{"rendered":"Dingbats"},"content":{"rendered":"\n

Today is all about creating fun elements for a layout using a dingbats font. I know this might sound kind of silly but it\u2019s a simple way to add a bit more interest to a layout. And there\u2019s certainly no shortage of dingbats fonts out there. And in just a minute, I\u2019ll provide you with a few resources to get you started.<\/p>\n\n\n\n

There are a multitude of ways to use dingbats as elements. But today I\u2019m going to talk specifically about typing them on a selection or around a shape. And if you\u2019ve been following me for the last couple of years you already know how to do that.<\/p>\n\n\n\n

If you need some refreshers, you can check any one (or all) of these posts: \u201cText On Shapes<\/a><\/strong>\u201d from March of 2024 which covers text on a shape, \u201cType A Stitch<\/a><\/strong>\u201d from July 2024 which covers text on a path or \u201cCurvy Words<\/a><\/strong>\u201d from May 20, 2025 which covers text on a selection.<\/p>\n\n\n\n

Now let\u2019s take a look at some of those resources I mentioned\u2026<\/p>\n\n\n\n

Dingbats Fonts<\/strong><\/h3>\n\n\n
\n
\"White<\/figure>\n<\/div>\n\n\n

I\u2019m going to start by apologizing up front on the off chance that I\u2019m about to send you down the proverbial \u201crabbit hole\u201d \ud83d\ude0a I\u2019m usually not shy about admitting I\u2019m a certified font junkie. There really ought to be a \u201ctwelve step\u201d program for those of us with the affliction. And sadly, dingbats can become addictive quickly!<\/p>\n\n\n\n

But I did promise to share!<\/p>\n\n\n\n

There are oodles and oodles of dingbats (please no jokes about dim witted people – though there seem to be many of those as well \ud83d\ude09). DaFont is one of my favorite font sites and they have a specific category for Dingbats<\/strong><\/a>. At last count there were 21 subcategories with a total of 139 pages to browse. If you want to narrow your scrolling down a bit, I\u2019d recommend the Shapes, Various and even Kids categories to get started.<\/p>\n\n\n\n

In addition to all the dingbats at DaFont, there are several dingbats fonts I\u2019ve used over the years for multiple reasons and thought I\u2019d share. I know the table below isn\u2019t the easiest to read but hopefully you\u2019ll get an idea of the various dingbats.<\/p>\n\n\n\n

\n
\n
\n
\"\"<\/a><\/figure>\n\n\n\n
\"Bodoni<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

All you have to do is click on the dingbat sample and you will be taken to the site from which it can be downloaded. In case it\u2019s really hard to see the font name I\u2019m going to list them in the order in which they appear (top to bottom starting in the first column): Blumen Regular<\/strong>, Bodoni Ornaments<\/strong>, Butterflies<\/strong> (by Typadelic), Eisenbahn<\/strong>, Face It!<\/strong>, Harbour Lights<\/strong>, KR All Heart<\/strong>, KR Butterflies<\/strong>, Nymphette<\/strong>, Retro Pack 2 Dingbats<\/strong>, Snowflake<\/strong>, Sun Moon & Stars<\/strong>, Swinging Dingbats<\/strong> and Transportation Dingbats<\/strong>.<\/p>\n\n\n\n

Note<\/strong>: If you click on the sample for Retro Pack 2 Dingbats it will take you to a page that starts with some clipart (not free). Just scroll all the way to the bottom of the page to find the link for the dingbats download.<\/p>\n\n\n\n

If you already have some fun dingbats, you\u2019re welcome to use whatever will fit your project.<\/p>\n\n\n\n

Finding Keyboard Characters<\/strong><\/h3>\n\n\n
\n
\"No<\/figure>\n<\/div>\n\n\n

Quick reminder; I use Photoshop Elements (PSE) 2024. If you use a different version, some of my screen shots may not look the same as what you see on your screen.<\/p>\n\n\n\n

I\u2019m going to start by setting my Foreground\/Background Color chips to the defaults (Press D). If you\u2019re following along, you can use any color that you like. Then I create a new 12\u00d712 file using a white background. Again, you can start with a file any size\/color of your choosing.<\/p>\n\n\n\n

Okay, just so we\u2019re all on the same page, Dingbats are fonts that use shapes, symbols, or designs in place of what would normally be the letters, symbols and numbers associated with keyboard keys. Dingbats generally are NOT characters that will make a legible text. Though some dingbats fonts do include words!<\/p>\n\n\n\n

To access a complete list of icons (glyphs) available within a dingbats font, you\u2019ll likely need to use the Character Map App<\/a><\/strong> in Windows or Font Book on a Mac. I use a font manager which makes things a little easier. If you need more information about how to find a specific glyph, refer back to my \u201cFancy Ligatures<\/a><\/strong>\u201d post from April of 2025.<\/p>\n\n\n\n

I\u2019m going to be using the Sun Moon & Stars font (link provided above) which I have already installed on my system. You can use the same font or any other dingbats font that works best for your project.<\/p>\n\n\n\n

As I mentioned, I use a font manager (FontBase<\/a><\/strong>) and here\u2019s how the glyphs show up for me:<\/p>\n\n\n

\n
\"Font<\/figure>\n<\/div>\n\n\n

And here\u2019s what it looks like in the Character Map App in Windows:<\/p>\n\n\n

\n
\"Character<\/figure>\n<\/div>\n\n\n

Either way, when hovering my cursor over the sun I want to use, I can see that I need to use the uppercase letter \u201cA\u201d.<\/p>\n\n\n\n

Now I can grab the Horizontal Type tool. In the tool options the Color Chip should already be black, I select the Sun, Moon & Stars Regular font, set the Size to 35, the Leading to Auto, the Tracking to 10, and click on the Left Align Text icon:<\/p>\n\n\n

\n
\"Text<\/figure>\n<\/div>\n\n\n

Note<\/strong>: Again, you can use whatever font, size and color that works best with your project.<\/p>\n\n\n\n

Now I\u2019m all set to create a sunny element\u2026<\/p>\n\n\n\n

Fun Elements<\/strong><\/h3>\n\n\n
\n
\"You<\/figure>\n<\/div>\n\n\n

In an effort to keep this really quick and simple, I\u2019m going to show you how to create a circle element using that sun dingbat I showed above.<\/p>\n\n\n\n

So, I\u2019m going to grab the Ellipse Shape tool. In the Tool Options, I set the geometry option (unlabeled) to Fixed Size, the width (W) to 3 inches and the height (H) to 3 inches. I click on the Create New Shape Layer icon. If applicable, I ensure there is no active Style:<\/p>\n\n\n

\n
\"Ellipse<\/figure>\n<\/div>\n\n\n

Then on the file, I click once near the center. PSE creates a circle shape (Shape 1 for me) and it is the active layer. It doesn\u2019t have to be precisely centered:<\/p>\n\n\n

\n
\"Circle<\/figure>\n<\/div>\n\n\n

Note<\/strong>: This technique works best on rounded shapes with no sharp corners. I definitely wouldn\u2019t recommend most geometric shapes such as squares, diamonds, triangles, etc. Even a heart shape can get tricky due to what could be sharp \u201cpoints\u201d at the top and bottom. But you\u2019re welcome to give this a try on any shape you like to see how it turns out.<\/p>\n\n\n\n

With the Shape 1 layer active I can go back to the Horizontal Type tool (all the settings should still be set as they were above). I then hover my cursor over the top center edge of the circle. I need to be sure the cursor icon changes to depict text on a path mode. It should look like a capital \u201ci\u201d with a curvy line running through it (also called the I-Beam). When that I-Beam appears I just click to place the cursor:<\/p>\n\n\n

\n
\"Text<\/figure>\n<\/div>\n\n\n

I know with this small image it\u2019s likely difficult for you to see what looks almost like \u201cmarching ants\u201d marking the path around the circle. But they\u2019re there. If you\u2019re following along and you don\u2019t see the \u201cpath\u201d around your shape, you need to go back and try again.<\/p>\n\n\n\n

Remember, I already figured out which keyboard character I need to use to create the element (uppercase \u201cA\u201d). So, I just press that as many times as it takes to fill the path around the circle without \u201coverlapping\u201d:<\/p>\n\n\n

\n
\"Dingbats<\/figure>\n<\/div>\n\n\n

I zoomed in fairly close so you can see this a little better. You should be able to see the gap at the top of the circle. That can be caused by one of two things: Not enough characters were typed, or too many characters were typed.<\/p>\n\n\n\n

In my case I know for a fact that I typed too many characters. I know this because I already knew what tracking I needed to use to space the suns almost perfectly around the circle.<\/p>\n\n\n\n

But even if I didn\u2019t know that, there is another clear indication that the characters are \u201coverlapping\u201d. You should be able to see the cursor positioned between the two suns to the right of the gap. That\u2019s because there is an overlap – too many characters.<\/p>\n\n\n\n

Either way, all I need to do is press Ctrl+End to ensure I\u2019m at the last character and just press the Back\/Backspace key until I resolve the gap.<\/p>\n\n\n\n

Now, if the original gap looks like this:<\/p>\n\n\n

\n
\"Too<\/figure>\n<\/div>\n\n\n

You can see the cursor is left of the gap. I know that means I didn\u2019t type enough characters. If I type another character and still end up with a gap, that tells me I either need to adjust the tracking to a lower number or adjust the font Size lower.<\/p>\n\n\n\n

Either one of those adjustments will solve the problem. I just need to decide if making the suns smaller is better than lessening the space between. As the old saying goes \u201cSix of one, half a dozen of the other”. When it\u2019s all said and done the two choices are nearly equivalent.<\/p>\n\n\n\n

And better yet, if part of that circular element is going to be tucked beneath another element on the layout, I really don\u2019t have to fool with it at all!<\/p>\n\n\n\n

In my case, I didn\u2019t have to make that choice as I already had my size and tracking values exactly where I wanted them. And here\u2019s how my circular sun element turned out (with the original circle hidden):<\/p>\n\n\n

\n
\"Sun<\/figure>\n<\/div>\n\n\n

That should look somewhat familiar if you paid attention to the image at the top of this section!<\/p>\n\n\n\n

And aside from how I used that circle on the \u201ccard\u201d above, here\u2019s another great way to create a fun element:<\/p>\n\n\n

\n
\"Chipboard<\/figure>\n<\/div>\n\n\n

To create that chipboard element, I initially created the circle of suns on the outside of the circle. When I was done, I just resized the layer to fit inside the circle.<\/p>\n\n\n\n

Dingbats On A Selection<\/strong><\/h3>\n\n\n\n

Now, let\u2019s say I wanted to use a non-standard PSE Shape to create my dingbat element. Think back a few weeks to my \u201cScallop Border<\/a><\/strong>\u201d post on June 23, 2026. We all know that there isn\u2019t a PSE scallop shape. Ergo, the need to even write that post.<\/p>\n\n\n\n

That doesn\u2019t mean I can\u2019t use a scallop shape to create a fun dingbat border. Things are just going to be a bit different.<\/p>\n\n\n\n

I\u2019ve hidden my circular sun element. And here\u2019s my scallop border from that post:<\/p>\n\n\n

\n
\"Scallop<\/figure>\n<\/div>\n\n\n

I specifically used a scallop shape because I want you to know how to navigate the \u201cvalley\u201d of the scallop. You\u2019ll know what I mean in a minute.<\/p>\n\n\n\n

Note<\/strong>: If you want to follow along exactly, please click here<\/a><\/strong> and that scallop border will be automatically to download for you.<\/p>\n\n\n\n

For this example, I\u2019m going to use the KR Butterflies font (link provided above) which I have already installed on my system. If you’re not using the scallop shape you can use any other dingbats font that works best for you.<\/p>\n\n\n\n

Note<\/strong>: If you plan to use the scallop shape I provided and hope to achieve the same results, please also use that KR Butterflies font. If you use a different font, you will likely need to make adjustments to the size, tracking and spacing that will differ from the settings I’ll use.<\/p>\n\n\n\n

My Foreground\/Background Color chips are still set to the defaults. With the scallop layer active I grab the Horizontal Type tool. In the tool options I select the KR Butterflies font, set the Size to 40, the Leading to Auto, the Tracking to zero, click the Left Align Text icon and select the Text on Selection icon:<\/p>\n\n\n

\n
\"Text<\/figure>\n<\/div>\n\n\n

Then I click and drag around the scallop shape to make the selection:<\/p>\n\n\n

\n
\"Scallops<\/figure>\n<\/div>\n\n\n

I click the Checkmark to confirm and zoom in fairly close so you can see the path marking around the scallops just as we saw with the circle above:<\/p>\n\n\n

\n
\"Path<\/figure>\n<\/div>\n\n\n

Note<\/strong>: If you\u2019re following along and you don\u2019t see the \u201cpath\u201d around your shape, you need to go back and try again.<\/p>\n\n\n\n

I then hover my cursor as closely as possible over the part where the first scallop starts at the left edge (see the pink cursor with crosshairs I added):<\/p>\n\n\n

\n
\"Desired<\/figure>\n<\/div>\n\n\n

I need to be sure the cursor icon changes to depict text on a path mode. It should look like that I-Beam with a curvy line running through it (like we saw above with the suns). When that I-Beam appears I just click to place the cursor:<\/p>\n\n\n

\n
\"Cursor<\/figure>\n<\/div>\n\n\n

I already know that I need to type the uppercase letter \u201cJ\u201d to get the butterfly I want to use. So, now all I need to do is start typing. When I type the uppercase \u201cJ\u201d twice, things look pretty good:<\/p>\n\n\n

\n
\"Two<\/figure>\n<\/div>\n\n\n

I\u2019m can already tell that typing another butterfly at this point won\u2019t work out very nicely. Surely that third butterfly will end up in the \u201cvalley\u201d of the scallop. But let\u2019s see just to be sure:<\/p>\n\n\n

\n
\"Bad<\/figure>\n<\/div>\n\n\n

Definitely not a good thing for that poor butterfly \ud83d\ude09 So, I press Back\/Backspace to delete that one. In its place I add one space to see where the cursor ends up:<\/p>\n\n\n

\n
\"Spacing<\/figure>\n<\/div>\n\n\n

That looks to be about perfect. So, I\u2019m going to try typing uppercase \u201cJ\u201d twice more and add an extra space again. That extra space put the cursor too far over the next scallop so I removed that extra space and just typed another uppercase \u201cJ\u201d.<\/p>\n\n\n\n

I then follow that with another extra space. That means at this point, altogether I\u2019ve typed \u201cJJ\u201d space \u201cJJ\u201d space \u201cJ\u201d space:<\/p>\n\n\n

\n
\"Spacing<\/figure>\n<\/div>\n\n\n

That looks like it should work. So, I\u2019m just going to repeat the last part of the sequence (\u201cJJ\u201d space \u201cJ\u201d space) until I get to the end:<\/p>\n\n\n

\n
\"All<\/figure>\n<\/div>\n\n\n

And here\u2019s how it looks without the scallop shape:<\/p>\n\n\n

\n
\"Wavy<\/figure>\n<\/div>\n\n\n

Well, that\u2019s a whole lot prettier than a straight line of butterflies, right?!?<\/p>\n\n\n\n

And here\u2019s a fun \u201cseaside\u201d frame around some word art I created using a wavy frame border from my stash and the KR Down By The Sea<\/a><\/strong> font:<\/p>\n\n\n

\n
\"Word<\/figure>\n<\/div>\n\n\n

Last but by no means least, here\u2019s a layout I created where I used some fairy dingbats to \u201ctie\u201d the three photo frames together:<\/p>\n\n\n

\n
\"Tooth<\/figure>\n<\/div>\n\n\n

I used the Magic Fairy Regular<\/a><\/strong> dingbat font (letters G, R & Y) to create the fairy dingbat circles. If you\u2019d like to see more details about this layout you can find it in my 2026 gallery<\/a><\/strong>.<\/p>\n\n\n\n

Extra Tips<\/strong><\/h3>\n\n\n
\n
\"Today's<\/figure>\n<\/div>\n\n\n

Don\u2019t be afraid to try typing dingbats around just about any shape you have handy. Just remember things will be easier if there aren\u2019t any sharp corners or angles.<\/p>\n\n\n\n

I know I gave you quick pointers about navigating \u201cvalleys\u201d in shapes. It\u2019s mostly a matter of working with the font size and spacing. Play around with both when you have a shape with sharp angles. Just don\u2019t give up too quickly\u2026sometimes it takes a while to figure it all out.<\/p>\n\n\n\n

Regardless of the shape, sometimes adding extra space(s) between characters is easier than fiddling with the tracking. And it can vary from font to font. If adjusting the tracking gets too frustrating, try adding extra space(s).<\/p>\n\n\n\n

Any time you add extra space(s) between characters, don\u2019t forget that you can adjust the size of the space(s) to a size different from what you\u2019re using for the actual font.<\/p>\n\n\n\n

Watch the spacing of your dingbats when typing; particularly around a circle. A quick way to identify an issue with spacing around a circle is to simply double-click directly on the thumbnail of the type layer to highlight the entirety of the text. If there\u2019s a gap you will clearly see white space somewhere between characters. If there\u2019s no gap the text will be completely \u201ccovered\u201d\u2026no white showing between any of the characters. It should look something like this:<\/p>\n\n\n

\n
\"No<\/figure>\n<\/div>\n\n\n

After typing your characters if you find a noticeable gap you\u2019ve either typed too many or too few characters. If you can\u2019t see your cursor or if it is positioned between the two dingbats to the right of a \u201cgap\u201d, you have typed too many dingbats. If the cursor is to the left of the gap, you likely typed too few.<\/p>\n\n\n\n

If you have a gap around a circle and adding\/deleting a character didn\u2019t help, either the font size or tracking will need to be adjusted. But, if the gap isn\u2019t very noticeable, it may not be worth making the adjustment.<\/p>\n\n\n\n

Just because you created your dingbat element using a \u201cpath\u201d doesn\u2019t mean you can\u2019t transform the text layer after the fact. Just click on the type layer to activate it then click on any corner anchor point. You can then either resize the layer or even rotate the layer. Then just click the Checkmark to commit.<\/p>\n\n\n\n

Since you\u2019re working with a text layer you can change the color or apply any styles you\u2019d like.<\/p>\n\n\n

\n
\"Quote<\/figure>\n<\/div>\n\n\n

Creativity: Take the obvious, add a cupful of brains, a generous pinch of imagination, a bucketful of courage and daring, stir well and bring to a boil. \u2013 Bernard M. Baruch<\/strong><\/p>\n\n\n\n

Thanks for reading this week\u2019s Tuesday Tip. Remember, if you have any suggestions or questions please don\u2019t hesitate to \u201cMessage Me<\/a><\/strong>\u201d. Check back next week for tips about \u201cdrop caps\u201d. Click \u201cFollow Me<\/a><\/strong>\u201d to stay in touch. I hope you have a wonderful week!<\/p>\n\n\n

\n
\"Coming<\/figure>\n<\/div>\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Today is all about creating fun elements for a layout using a dingbats font. I know this might sound kind of silly but it\u2019s a simple way to add a bit more interest to a layout. And there\u2019s certainly no shortage of dingbats fonts out there. And in just a minute, I\u2019ll provide you with a few resources to get you started. There are a multitude of ways to use dingbats as elements. But today I\u2019m going to talk specifically…<\/p>\n

Read More Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":14392,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_wp_convertkit_post_meta":{"form":"0","landing_page":"0","tag":"0","restrict_content":"0"},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-14362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tuesday-tip-day"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t