# Friggeri resume - Very different rendering in different readers

I wrote my CV using the Friggeri resume template, but I just noticed a problem: the document it's rendered very differently between Acrobat Reader and FoxIt PDF Reader and Document Viewer:

I used xelatex and the icons are symbols from FontAwesome, following this tutorial: https://coderwall.com/p/r67dyq where I defined a new fontawesome.sty. Also I changed the in the friggeri-cv.cls the colorcounter function to get only the first letter coloured:

\newcounter{colorCounter}
\def\@sectioncolor#1{%
{%
\color{%
\ifcase\value{colorCounter}%
blue\or%
red\or%
orange\or%
green\or%
purple\or%
brown\else%
} #1%
}%
\stepcounter{colorCounter}%
}


I call the icons on the sections as: \section{{\FA \faStar} Expertise}

Here is my code of the resume, reduced at the essential:

    \documentclass[]{friggeri-cv}
% \documentclass{article}
\usepackage{unicode-math}
\usepackage{fontawesome}

\definecolor{light-gray}{gray}{0.55}
\definecolor{skype}{HTML}{12A5F4}
\definecolor{html5}{HTML}{e34c26}
\definecolor{php}{HTML}{6c7eb7}
\definecolor{db}{HTML}{FF9900}

\setmathfont{STIXGeneral}
% \addbibresource{bibliography.bib} % Specify the bibliography file to include publications

\begin{document}
\newfontfamily{\FA}{FontAwesome}

%----------------------------------------------------------------------------------------
%   SIDEBAR SECTION
%----------------------------------------------------------------------------------------

\begin{aside} % In the aside, each new line forces a line break
\section{contact}
{\color{light-gray}{\FA \faHome}}
{\color{light-gray}{\FA \faEnvelope}} \href{mailto:myemail@gmail.com}{myemail@gmail.com}
~
{\color{html5}{\FA \faFire}} \href{http://www.mywebsite.de}{Portfolio}
{\color{gray}{\FA \faPencil}} \href{http://www.myblog.net}{My Blog}
{\color{gray}{\FA \faGithubSign}} \href{https://github.com/}{GitHub}
\section{programming}
\small{{\color{red} \FA \faHeart} JavaScript, jQuery,
{\color{html5}\FA \faHtml5} HTML5, CSS3,
{\color{php}\FA \faCode} PHP, Groovy/Grails,
{\color{gray}\FA \faLinux} Linux, LEMP, NGINX,
{\color{db}\FA \faTh} MySQL, Amazon AWS}
\section{languages}
\emph{proficient} English
\emph{mother tongue} Italian
\emph{notions} Spanish \& French
\end{aside}

\section{{\FA \faStar} Expertise}

\textbf{Professional Capabilities}
\begin{itemize}
\item{High-quality front-end development for web sites and applications}
\item{Modular, DRY, robust and reusable code}
\item{Performance optimization, progressive enhancement, usability}
\item{SEO with semantic HTML, Micro Formats and schema.org structures}
\item{Site planning}
\item{User interface design}
\end{itemize}

\textbf{Technical Skills}
\begin{itemize}
\item{Scalable HTML and CSS}
\item{JavaScript Development (includes advanced jQuery and plugins development, HTML5 API, vanilla JavaScript)}
\item{Responsive Web Design}
\item{Mobile development (in browser)}
\item{Experience with Linux environments.}
\item{Working knowledge of PHP, using: CodeIgniter, ExpressionEngine, WordPress}
\item{Experience with Groovy/Grails}
\item{Working experience with software versioning, in particular Git and Mercurial}
\item{CSS Preprocessor (SASS, SCSS and LESS)}
\end{itemize}

\clearpage
\section{{\FA \faSuitCase} Experience}

\section{{\FA \faBook} Education}

\begin{entrylist}

\entry
{2004--2010}
{Degree in {\normalfont Computer Science and Automation Engineering}}
{Polytechnic Marche University, Italy}
{  }

\end{entrylist}

\section{{\FA \faQuote} Recommandations}

\end{document}


** This is how the fontawesome.sty looks like:** I have the fontawesome font installed on my system

\def\faUserMd{\symbol{"F200}}

\def\faLinux{\symbol{"F17C}}
\def\faHtml5{\symbol{"F13B}}
\def\faCode{\symbol{"F121}}
\def\faQuote{\symbol{"F10D}}
\def\faSuitCase{\symbol{"F0F2}}

-
If you can get your hands on the code, that would help ;) – Sean Allred Jul 1 '13 at 1:16
Using Adobe Reader X and Foxit Reader on the example CV.pdf it all looks good (but only the heart symbol is used). We definitely need more information on this one: a minimal working example (MWE) and at least a link to the symbols/font would been helpful. – Qrrbrbirlbel Jul 1 '13 at 2:17
I added a bit to the description, I hope that helps. – Kicker Jul 1 '13 at 2:32
@Kicker: I guess we really need a MWE, that is, a complete and compilable piece of code (starting with \documentclass and ending with \end{document}) that demonstrates the issue. – Daniel Jul 1 '13 at 10:21
I added a minimum working example, the fontawesome font is installed in my system. – Kicker Jul 1 '13 at 12:20

So, I tried to reproduce your error, but I couldn't. I run this simplified code:

\documentclass[]{friggeri-cv}
\usepackage{unicode-math}
\usepackage{fontawesome}
%http://tex.stackexchange.com/a/113912/17151
\newfontfamily\bodyfont[]{Source Sans Pro}
\newfontfamily\thinfont[]{Source Sans Pro Light}
\setmainfont[Mapping=tex-text, Color=textcolor]{Source Sans Pro}
\setmathfont{STIXGeneral}

\begin{document}
\newfontfamily{\FA}{FontAwesome}
\begin{aside} % In the aside, each new line forces a line break
\section{contact}
{\color{gray}{\FA \faHome}}
{\color{gray}{\FA \faEnvelope}} \href{mailto:myemail@gmail.com}{email@mail.com}
\end{aside}

{\color{magenta}{\FA \faHeart}}~%
{\color{yellow}{\FA \faStar}}~some text
\end{document}


and get these results with different pdf viewers:

Sumatra PDF 2.3.2

I can't see any differencies. I link you my pdf output (I hope it works) so you can test it on your system.

-
I just tried, but unfortunately I get the same issue. I also tried different font families, Ubuntu and Arial. I already have Helvetica installed on my system. Maybe it could be because of how the fonts are installed on my system? For example if I specify as font Ubuntu Regular, I get an alert since looks like the font is not installed, while just Ubuntu works properly. I had the same issue with the original Helvetica as specified on Friggeri.cls where I changed {Helvetica Neue} to just {Helvetica}. – Kicker Jul 2 '13 at 10:04
Can you see the same behaviour with my pdf (linked in the answer)? – bersanri Jul 2 '13 at 10:06
Your pdf output works properly for me, I don't have the issue, that is what makes me think about the installed font issue. – Kicker Jul 2 '13 at 10:08
I suggest you to try with Adobe Source Sans Pro as showed in tex.stackexchange.com/a/113912/17151. – bersanri Jul 2 '13 at 10:11
Ok I try with Source Sans Pro. I am wondering if there is any particular way to install TTFs/OTFs fonts under Ubuntu. I usually copy the font files under /usr/local/share/fonts/truetype and then I run: sudo fc-cache -f -v – Kicker Jul 2 '13 at 10:15

If you open the PDF in Illustrator and outline everything you won't have output issues anymore, not really a fix, more like a hack.

-
Welcome to TeX.SX! – mafp Jul 18 '13 at 22:51

I also encountered this problem while trying to achieve exactly the same thing as you with the Friggeri template. This problem comes from a bug with the pdf engine of XeLaTex with OTF font file format when it is at a particular resolution as discussed in http://typophile.com/node/46451.

As a workaround, you can use the .ttf version of the font. To do this, download the latest FontAwesome package at http://fortawesome.github.io/Font-Awesome/. Then extract the content and copy the file named "fontawesome-webfont.ttf" in a sub-folder named "fonts" in your LaTex document's location. Then, the font can be loaded and used in LaTex manually like this for example:

\documentclass{report}

\usepackage{fontspec}

\newfontfamily{\FA}[Path = fonts/]{fontawesome-webfont}

\def\faLinux{{\FA\symbol{"F17C}}}
\def\faSE{{\FA\symbol{"F18D}}}
\def\github{{\FA\symbol{"F092}}}

\begin{document}

\noindent
Linux icon: \faLinux \\
StackExchange icon: \faSE \\
GitHub icon: \github \\

\end{document}


Which is supposed to yield to:

Everything seems to work fine so far for me. You can take a look at my GitHub where I exactly did this with the Friggeri-cv template. I am working in the Ubuntu 14.04 LTS environment.

-
Oh yeah, have also to give credit to this thread tex.stackexchange.com/questions/134121 for the solution. – Jean-Sébastien Apr 11 '15 at 6:40