Take the 2-minute tour ×
TeX - LaTeX Stack Exchange is a question and answer site for users of TeX, LaTeX, ConTeXt, and related typesetting systems. It's 100% free, no registration required.

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:

The document as displayed on FoxIt and Document Viewer

The document as displayed on Adobe Acrobat

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%
        headercolor\fi%
    } #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}
    \definecolor{linkedin}{HTML}{1683BB}


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

    \begin{document}
    \newfontfamily{\FA}{FontAwesome}
    \header{Kiker}{Surname}{Front End Web Developer} % Your name and current job title/field

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

    \begin{aside} % In the aside, each new line forces a line break
    \section{contact}
    {\color{light-gray}{\FA \faHome}}
    {\color{skype}{\FA \faSkype}} \href{skype:myskype.myskype?call}{myskype.myskype}
    {\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{linkedin}{\FA \faLinkedin}} \href{http://au.linkedin.com/pub/}{LinkedIn}
    {\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 \faUser} About me}

    \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}}
share|improve this question
    
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

3 Answers 3

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}
\newfontfamily\headingfont[]{Source Sans Pro Semibold}
\setmainfont[Mapping=tex-text, Color=textcolor]{Source Sans Pro}
\setmathfont{STIXGeneral}

\begin{document}
\newfontfamily{\FA}{FontAwesome}
\header{Name}{Surname}{Front End Web Developer}
    \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}

\section{{\FA \faUser} About me}
{\color{magenta}{\FA \faHeart}}~%
{\color{yellow}{\FA \faStar}}~some text
\end{document}

and get these results with different pdf viewers:

Adobe Reader XI

Adobe image here

Foxit Reader 6.0.5

Foxit image here

Sumatra PDF 2.3.2

Sumatra image here

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

share|improve this answer
    
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.

share|improve this answer
    
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\faSkype{{\FA\symbol{"F17E}}}
\def\github{{\FA\symbol{"F092}}}

\begin{document}

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

\end{document}

Which is supposed to yield to:

enter image description here

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.

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

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.