[Tex/LaTex] FontAwesome is not working in Friggeri resume

cvfontsfriggeri-cvluatexxetex

\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}

Specially for Skype, Facebook, Linken is working in this code?

Best Answer

You can use these icons (that are part ot the font since version 4) with this code :

\documentclass[a4paper, 12pt]{article}

\usepackage[x11names]{xcolor}
\usepackage{array} 
\usepackage{fontspec}
\setmainfont{Minion Pro}
\usepackage{fontawesome}

\def\faSkype{\FA\symbol{"F17E}}
\def\faLinux{\FA\symbol{"F17C}}
\def\faTh{\FA\symbol{"F00A}}
\def\faQuoteLeft{\FA\symbol{"F10D}}
\def\faQuoteRight{\FA\symbol{"F10E}}

\begin{document}

Here are missing symbols in the \emph{Fontawesome} package:

\begin{center}\renewcommand\arraystretch{2}\renewcommand\tabcolsep{12pt}
\begin{tabular}{ccccc}
\verb+\faSkype+ &\verb+\faLinux+ &\verb+\faTh+ &\verb+\faQuoteLeft+ &\verb+\faQuoteRight+\\
{\color{CadetBlue1}\faSkype}  &  \faLinux  &  \faTh  &  \faQuoteLeft  &  \faQuoteRight
\end{tabular}
\end{center}

\end{document}

enter image description here

You can get the last version of the font here. As far as Xe(Lua)LaTeX is concerned, only the .otf font file is useful. You can install it either on your system, or in temf-local\fonts\otf\fontawesome.

Related Solutions

[Tex/LaTex] FontAwesome font not found

On my MacBook (running MacTeX 2013 under MacOSX 10.7.5), your example compiles correctly under LuaLaTeX if I add the instruction \usepackage{fontspec}:

enter image description here

% !TEX TS-program = lualatex
\documentclass[border=2pt]{standalone}
\usepackage{fontspec}
\usepackage{fontawesome}
\begin{document}
\faTwitter
\end{document}

Addendum: After I downloaded the OpenType version of this font -- BTW, the version at http://fortawesome.github.io/Font-Awesome/ seems to be slightly newer than the one on the CTAN -- and "activated" it by opening it in the FontBook application and clicking on the "Install" button, the MWE above also compiles correctly under XeLaTeX. This is not exactly surprising, I suppose, as Xe(La)TeX depends heavily on the underlying operating system for activities such as loading fonts.

Addendum, mid-February 2020: The demo document shown above continues to work correctly under LuaLaTeX when run under TeXLive2019 or MacTeX2019. To get it to compile under XeLaTeX, you will probably need to insert the instruction

\defaultfontfeatures{Path = /usr/local/texlive/2019/texmf-dist/fonts/opentype/public/fontawesome/}

between the instructions \usepackage{fontspec} and \usepackage{fontawesome}.

The file FontAwesome.otf that's distributed with MacTeX2019 has version number 4.6.3. There is a slightly newer version of the OpenType font file -- version 4.7.0, to be precise -- on github. Both 4.6.3 and 4.7.0 date back to 2016. A minor caveat: I haven't actually tested out the slightly newer version of FontAwesome.otf. However, I believe it should be compatible with the fontawesome package.

[Tex/LaTex] Add another color for a section in Friggeri Resume/CV

The list of colors is controlled by \@sectioncolor and this just uses an \ifcase; here's the original definition:

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

You can simply define your colors and add them to the list. In the example below I defined two new colors teal and yellow using

\definecolor{teal}{HTML}{008080}
\definecolor{yellow}{HTML}{FFFF00}
\makeatletter
\def\@sectioncolor#1#2#3{%
  {%
    \color{%
      \ifcase\value{colorCounter}%
        blue\or%
        red\or%
        orange\or%
        green\or%
        purple\or%
        brown\or%
        teal\or%
        yellow\else%
        headercolor\fi%
    } #1#2#3%
  }%
  \stepcounter{colorCounter}%
}
\ifdefined\@cv@print
  \colorlet{green}{gray}
  \colorlet{orange}{gray}
  \colorlet{purple}{gray}
  \colorlet{brown}{gray}
  \colorlet{red}{gray}
  \colorlet{blue}{gray}
  \colorlet{teal}{gray}
  \colorlet{yellow}{gray}
  \colorlet{fillheader}{white}
  \colorlet{header}{gray}
\else
  \colorlet{fillheader}{gray}
  \colorlet{header}{white}
\fi
\makeatother

The code:

\documentclass[]{friggeri-cv} % Add 'print' as an option into the square bracket to remove colors from this template for printing

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

\definecolor{teal}{HTML}{008080}
\definecolor{yellow}{HTML}{FFFF00}

\makeatletter
\def\@sectioncolor#1#2#3{%
  {%
    \color{%
      \ifcase\value{colorCounter}%
        blue\or%
        red\or%
        orange\or%
        green\or%
        purple\or%
        brown\or%
        teal\or%
        yellow\else%
        headercolor\fi%
    } #1#2#3%
  }%
  \stepcounter{colorCounter}%
}
\ifdefined\@cv@print
  \colorlet{green}{gray}
  \colorlet{orange}{gray}
  \colorlet{purple}{gray}
  \colorlet{brown}{gray}
  \colorlet{red}{gray}
  \colorlet{blue}{gray}
  \colorlet{teal}{gray}
  \colorlet{yellow}{gray}
  \colorlet{fillheader}{white}
  \colorlet{header}{gray}
\else
  \colorlet{fillheader}{gray}
  \colorlet{header}{white}
\fi
\makeatother

\begin{document}

\header{john}{smith}{junior business analyst} % Your name and current job title/field

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

\begin{aside} % In the aside, each new line forces a line break
\section{contact}
123 Broadway
City, State 12345
Country
~
+0 (000) 111 1111
+0 (000) 111 1112
~
\href{mailto:john@smith.com}{john@smith.com}
\href{http://www.smith.com}{http://www.smith.com}
\href{http://facebook.com/johnsmith}{fb://jsmith}
\section{languages}
english mother tongue
spanish \& italian fluency
\section{programming}
{\color{red} $\varheartsuit$} JavaScript
Python, C++, PHP
CSS3 \& HTML5
\end{aside}

\section{education}

\section{experience}

\section{awards}

\section{communication skills}

\section{interests}

\section{publications}

\section{another section}

\section{yet another section}

\end{document}

The output:

enter image description here

If you want to do the modification in the .cls file, then make a copy of friggeri-cv.cls, save it as myfiggeri-cv.cls, and in this new file change the lines

\ProvidesClass{friggeri-cv}[2012/04/30 CV class]

\ProvidesClass{myfriggeri-cv}[2012/04/30 CV class]

next change

\ifdefined\@cv@print
  \colorlet{green}{gray}
  \colorlet{orange}{gray}
  \colorlet{purple}{gray}
  \colorlet{brown}{gray}
  \colorlet{red}{gray}
  \colorlet{blue}{gray}
  \colorlet{fillheader}{white}
  \colorlet{header}{gray}
\else
  \colorlet{fillheader}{gray}
  \colorlet{header}{white}
\fi

\definecolor{teal}{HTML}{008080}
\definecolor{yellow}{HTML}{FFFF00}

\ifdefined\@cv@print
  \colorlet{green}{gray}
  \colorlet{orange}{gray}
  \colorlet{purple}{gray}
  \colorlet{brown}{gray}
  \colorlet{red}{gray}
  \colorlet{blue}{gray}
  \colorlet{teal}{gray}
  \colorlet{yellow}{gray}
  \colorlet{fillheader}{white}
  \colorlet{header}{gray}
\else
  \colorlet{fillheader}{gray}
  \colorlet{header}{white}
\fi

and finally, change

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

\def\@sectioncolor#1#2#3{%
  {%
    \color{%
      \ifcase\value{colorCounter}%
        blue\or%
        red\or%
        orange\or%
        green\or%
        purple\or%
        brown\or%
        teal\or%
        yellow\else%
        headercolor\fi%
    } #1#2#3%
  }%
  \stepcounter{colorCounter}%
}

save the changes and place myfriggeri-cv.cls somewhere TeX can find it (the easiest is the current working directory); in your .tex document now you say

\documentclass{myfriggeri-cv}

Best Answer

Related Solutions

[Tex/LaTex] FontAwesome font not found

[Tex/LaTex] Add another color for a section in Friggeri Resume/CV

Related Question