\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{Sonderzeichen}
\usepackage[
pdftitle={Sonderzeichen}
pdfsubject={Dialog zum Einfügen von Sonderzeichen}
pdfauthor={Udo Schmal}
pdfkeywords={Xinha, CMS}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}Sonderzeichen
\singlespacing
{\LARGE \textbf{\label{sec:title}Sonderzeichen}}

\begin{floatingfigure}[r]{0.33\textwidth}
\centering
\includegraphics[width=0.25\textwidth]{/home/udo/webserver/www.gocher.me/www-root/media/Sonderzeichen-default.png}
\newline
\includegraphics[width=0.25\textwidth]{/home/udo/webserver/www.gocher.me/www-root/media/Sonderzeichen-fontawesome.png}

Sonderzeichen einfügen
\end{floatingfigure}

\textbf{Über diesen Dialog stehen Sonderzeichen zur Verfügung, durch das führen der Maus über die Zeichen wird eine große Voransicht und der HTML-Code angezeigt, durch einfaches anklicken wird das Zeichen an der Cursor-Position eingefügt!}

Berücksichtigt ist hier der Standard Zeichensatz und Font-Awesome eine Erweiterung ist leicht möglich.
\end{document}