Friggeri 简历 - 在不同的阅读器中呈现的效果非常不同

Friggeri 简历 - 在不同的阅读器中呈现的效果非常不同

我使用 Friggeri 简历模板编写了我的简历,但我注意到一个问题:Acrobat Reader 和 FoxIt PDF Reader 和 Document Viewer 之间文档的呈现方式非常不同:

FoxIt 和文档查看器中显示的文档

Adobe Acrobat 中显示的文档

我使用了 xelatex,图标是来自 FontAwesome 的符号,遵循本教程:https://coderwall.com/p/r67dyq我在其中定义了一个新的 fontawesome.sty。我还更改了 friggeri-cv.cls 中的 colorcounter 函数,以便只对第一个字母进行着色:

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

我将这些部分的图标称为:\section{{\FA \faStar} Expertise}

以下是我的简历代码,精简了基本内容:

    \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:[email protected]}{[email protected]}
    ~
    {\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}

** fontawesome.sty 的样子如下:** 我的系统上安装了 fontawesome 字体

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

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

答案1

我在尝试使用 Friggeri 模板实现与您完全相同的功能时也遇到了这个问题。此问题来自 XeLaTex 的 pdf 引擎在特定分辨率下使用 OTF 字体文件格式时的一个错误,如http://typophile.com/node/46451

解决方法是使用 .ttf 版本的字体。为此,请从以下网址下载最新的 FontAwesome 软件包:http://fortawesome.github.io/Font-Awesome/。然后提取内容并将名为“fontawesome-webfont.ttf”的文件复制到 LaTex 文档位置中名为“fonts”的子文件夹中。然后,可以像这样手动加载和使用 LaTex 中的字体:

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

应该产生的结果为:

在此处输入图片描述

到目前为止,一切似乎都运行良好。你可以看看我的GitHub我正是使用 Friggeri-cv 模板来做到这一点的。我在 Ubuntu 14.04 LTS 环境中工作。

答案2

因此,我尝试重现您的错误,但失败了。我运行了以下简化的代码:

\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:[email protected]}{[email protected]}
    \end{aside}

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

并使用不同的 pdf 查看器获得以下结果:

Adobe Reader 十一

Adobe 图片在此

福祉阅读器 6.0.5

此处为 Foxit 图片

苏门答腊 PDF 2.3.2

苏门答腊图片在这里

我看不出有什么不同。我给你链接我的 pdf 输出(我希望它有效)这样您就可以在您的系统上测试它。

答案3

如果您在 Illustrator 中打开 PDF 并概述所有内容,那么您将不再有输出问题,这并不是真正的修复,更像是一种黑客攻击。

相关内容