pgfplots: Using Sans Serif Fonts for Numbers and Text (not Variables) in Figures and Diagrams

Question

I want to use a sans serif font in figures and diagrams. This also applies to tables (related question).

The normal text should remain roman (with serif).

Here is the normal way one would try to achieve this:

Solution 1 (not perfect)

\documentclass[]{article}

% Creating beautiful diagrams
\usepackage{pgfplots}

% Figure placement with 'H'
\usepackage{float}

% Better math support
\usepackage{amsmath}

% customize caption of figures and so on
\usepackage[%
    font={small,sf}, % <-- Sans Serif option
    labelfont=bf,   
    format=plain,
]{caption}

\begin{document}

\section*{Standard Options -- Easy to Find}

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have $n=2$ plots here.}
\end{figure}

\end{document}

enter image description here

This was done using

font={\sffamily} (axis option)
font={small,sf} (caption package option)

The problem is that the axis ticks are still not sans serif this is also true for the 2 in the caption.

Solution 2 (perfect -- but a lot of manual work)

So the next solution is to add manual adjustments:

\section*{Manuel Adjustments}

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        % manual adjustments
        ytick={2,4},
        yticklabels={2,4},
        xtick={-2,-1,1,2,3,4},
        xticklabels={$-$2,$-$1,1,2,3,4},        
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have % 
$n=\text{2}$ % <-- manual adjustments
plots here.}
\end{figure}

enter image description here

I added

ytick={2,4},
yticklabels={2,4},
xtick={-2,-1,1,2,3,4},
xticklabels={$-$2,$-$1,1,2,3,4},

to the axis options and also added $n=\text{2}$ in the caption (\text is provided by the amsmath package).

The problem is the manual work that has to be done.

Solution 3 (not perfect)

\section*{Changing the \texttt{tick style}}

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        % better style
        yticklabel={\tick}, % watch out: not yticklabels (no s) 
        xticklabel={\tick}, % watch out: not xticklabels (no s) 
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have % 
$n=\text{2}$ % <-- manual adjustments
plots here.}
\end{figure}

enter image description here

Here I added

yticklabel={\tick}, % watch out: not yticklabels (no s) 
xticklabel={\tick}, % watch out: not xticklabels (no s)

but the problem is that there are too many zeros.

Solution 4 (almost perfect)

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        % better style
        yticklabel={\pgfmathparse{\tick}\pgfmathprintnumber[precision=1,fixed zerofill=false,assume math mode]{\pgfmathresult}},    % watch out: not yticklabels (no s) 
        xticklabel={\pgfmathparse{\tick}\pgfmathprintnumber[precision=1,fixed zerofill=false,assume math mode]{\pgfmathresult}},    % watch out: not xticklabels (no s) 
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have % 
$n=\text{2}$ % <-- manual adjustments
plots here.}
\end{figure}

enter image description here

Here I added

yticklabel={\pgfmathparse{\tick}\pgfmathprintnumber[precision=1,fixed zerofill=false,assume math mode]{\pgfmathresult}},    % watch out: not yticklabels (no s) 
xticklabel={\pgfmathparse{\tick}\pgfmathprintnumber[precision=1,fixed zerofill=false,assume math mode]{\pgfmathresult}},    % watch out: not xticklabels (no s)

The problem is that the minus in the ticks it not set in math mode. The rest looks fine to me.

Question: How would you solve the problem of having sans serif font for numbers and normal text (not math variables like $x$ or $\gamma$) in the caption and the diagrams?

Here is the complete LaTeX code with all four solutions:

\documentclass[]{article}

% Creating beautiful diagrams
\usepackage{pgfplots}

% Figure placement with 'H'
\usepackage{float}

% Better math support
\usepackage{amsmath}

% customize caption of figures and so on
\usepackage[%
    font={small,sf}, % <-- Sans Serif option
    labelfont=bf,   
    format=plain,
]{caption}

\begin{document}

\section*{Standard Options -- Easy to Find}

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have $n=2$ plots here.}
\end{figure}

\section*{Manuel Adjustments}

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        % manual adjustments
        ytick={2,4},
        yticklabels={2,4},
        xtick={-2,-1,1,2,3,4},
        xticklabels={$-$2,$-$1,1,2,3,4},        
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have % 
$n=\text{2}$ % <-- manual adjustments
plots here.}
\end{figure}

\section*{Changing the \texttt{tick style}}

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        % better style
        yticklabel={\tick}, % watch out: not yticklabels (no s) 
        xticklabel={\tick}, % watch out: not xticklabels (no s) 
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have % 
$n=\text{2}$ % <-- manual adjustments
plots here.}
\end{figure}


\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily}, % <-- Sans Serif option 
        enlargelimits,
        % better style
        yticklabel={\pgfmathparse{\tick}\pgfmathprintnumber[precision=1,fixed zerofill=false,assume math mode]{\pgfmathresult}},    % watch out: not yticklabels (no s) 
        xticklabel={\pgfmathparse{\tick}\pgfmathprintnumber[precision=1,fixed zerofill=false,assume math mode]{\pgfmathresult}},    % watch out: not xticklabels (no s) 
        ]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
\caption{Test caption to demonstrate some effects. Plot 1 shows a linear function and plot 2 shows a curved function. We have % 
$n=\text{2}$ % <-- manual adjustments
plots here.}
\end{figure}

\end{document}

Your question can be boiled down to "how can I change the font for both main text and math mode to sans serif"? Related: tex.stackexchange.com/questions/26145/… — Christian Feuersänger, Jun 21, 2014 at 18:06
@Christian Feuersänger: My Mistake - was not clear enough: The normal text should remain roman. — Dr. Manuel Kuehner, Jun 21, 2014 at 20:12
@ManuelKuehner What normal text? What I understad is that you only want the sans letters and sans numbers (math included) inside tikzpictures, tabulars and \captions. — Manuel, Jun 21, 2014 at 20:46

Andrew Swann · Accepted Answer · 2014-06-25 17:59:13Z

You could set up a math version where numbers are are sans serif and other characters are as usual. To do this one needs to put the numbers in a category of their own. In the code below the new version is called sfnums and all one needs to do to make it take affect is is \mathversion{sfnums}. This considerably simplifies your handling of tick labels.

Sample output

\documentclass{article}

% Creating beautiful diagrams
\usepackage{pgfplots}
\pgfplotsset{compat=1.10}

% Figure placement with 'H'
\usepackage{float}

% Better math support
\usepackage{amsmath}

\DeclareSymbolFont{numbers}{OT1}{cmr}{m}{n}
\DeclareMathSymbol{0}{\mathalpha}{numbers}{`0}
\DeclareMathSymbol{1}{\mathalpha}{numbers}{`1}
\DeclareMathSymbol{2}{\mathalpha}{numbers}{`2}
\DeclareMathSymbol{3}{\mathalpha}{numbers}{`3}
\DeclareMathSymbol{4}{\mathalpha}{numbers}{`4}
\DeclareMathSymbol{5}{\mathalpha}{numbers}{`5}
\DeclareMathSymbol{6}{\mathalpha}{numbers}{`6}
\DeclareMathSymbol{7}{\mathalpha}{numbers}{`7}
\DeclareMathSymbol{8}{\mathalpha}{numbers}{`8}
\DeclareMathSymbol{9}{\mathalpha}{numbers}{`9}

\DeclareMathVersion{sfnums}
\SetSymbolFont{numbers}{sfnums}{OT1}{cmss}{m}{n}
\SetSymbolFont{numbers}{bold}{OT1}{cmr}{bx}{n}

% customize caption of figures and so on
\usepackage{caption}
\DeclareCaptionFont{mathsfnums}{\mathversion{sfnums}}
\captionsetup{font={small,sf,mathsfnums}, % <-- Sans Serif option
    labelfont=bf,   
    format=plain}
\begin{document}

\begin{figure}[H]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily\mathversion{sfnums}},
        enlargelimits]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
    \caption{Test caption to demonstrate some effects. Plot 1 shows a
    linear function and plot 2 shows a curved function. We have $n=2$
    plots here.}
\end{figure}

More text and math \( n=2 \) that is unaffected.

\end{document}

Here is version with LuaLaTeX. Here \mathversion doesn't work as I had expected, and it turns out to be easier to define a command to switch sans serif numerals.

Sample lualatex output

\documentclass{article}

% Creating beautiful diagrams
\usepackage{pgfplots}
\pgfplotsset{compat=1.10}

% Better math support
\usepackage{amsmath}

\usepackage{unicode-math}
\defaultfontfeatures{Mapping=tex-text}
\setmainfont{XITS}
\setsansfont[Scale=MatchLowercase]{TeX Gyre Heros}
\setmathfont{XITS Math}
\newcommand{\sfnums}{\setmathfont[range={"0030-"0039},Scale=MatchLowercase]{TeX Gyre Heros}}

% customize caption of figures and so on
\usepackage{caption}
\DeclareCaptionFont{mathsfnums}{\sfnums}
\captionsetup{font={small,sf,mathsfnums}, % <-- Sans Serif option
    labelfont=bf,   
    format=plain}
\begin{document}

\begin{figure}[h]
\centering
\begin{tikzpicture}
    \begin{axis}[
        % options
        xlabel={$x$},
        ylabel={$y$},
        axis x line = middle,
        axis y line = middle,  
        font={\sffamily\sfnums},
        enlargelimits]
        %% Plot 1
        \addplot+[
        % options
        no markers,
        ] plot coordinates {
            (-1,-1)
            (1,1)
            (4,4)
        };
        \addlegendentry{Plot 1}
        %% Plot 2
        \addplot+[
        % options  
        no markers,
        smooth,
        domain=-2:2,      
        ]
           {x^2};
        \addlegendentry{Plot 2}
    \end{axis}
    \end{tikzpicture}
    \caption{Test caption to demonstrate some effects. Plot 1 shows a
    linear function and plot 2 shows a curved function. We have $n=2$
    plots here.}
\end{figure}

More text and math \( n=2 \) that is unaffected.

\end{document}

Thanks a lot! Dies this work with all the T1 fonts and also with LuaLaTeX? — Dr. Manuel Kuehner, Jun 24, 2014 at 19:54
You will have to make corresponding choices of fonts for the T1 cases, look in the style file for the given font. For lualatex you can do this more easily with fontspec. I will add code later. — Andrew Swann, Jun 25, 2014 at 10:17

Stack Exchange Network

current community

your communities

more stack exchange communities

pgfplots: Using Sans Serif Fonts for Numbers and Text (not Variables) in Figures and Diagrams

Solution 1 (not perfect)

Solution 2 (perfect -- but a lot of manual work)

Solution 3 (not perfect)

Solution 4 (almost perfect)

1 Answer 1

Your Answer

Not the answer you're looking for? Browse other questions tagged tikz-pgf fonts math-mode pgfplots or ask your own question.

Linked

Hot Network Questions

pgfplots: Using Sans Serif Fonts for Numbers and Text (not Variables) in Figures and Diagrams

Solution 1 (not perfect)

Solution 2 (perfect -- but a lot of manual work)

Solution 3 (not perfect)

Solution 4 (almost perfect)

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Not the answer you're looking for? Browse other questions tagged tikz-pgf fonts math-mode pgfplots or ask your own question.

Linked

Related

Hot Network Questions