garrick
/
xaringanthemer
mirror of https://github.com/gadenbuie/xaringanthemer.git
Watch 1
Star 0
Fork 0
Code Issues 0 Releases 10 Wiki Activity
😎 Give your xaringan slides some style
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Commits
5 Branches
Tree: 4122a5682e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '4122a5682e'
${ noResults }
xaringanthemer/dev/reference/google_font.html

231 lines
8.3KB
Raw Blame History 

  1. <!-- Generated by pkgdown: do not edit by hand -->

  2. <!DOCTYPE html>

  3. <html lang="en">

  4.   <head>

  5.   <meta charset="utf-8">

  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">

  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">

  8. 

  9. <title>Specify Google Font — google_font • xaringanthemer</title>

  10. 

  11. 

  12. <!-- jquery -->

  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

  14. <!-- Bootstrap -->

  15. 

  16. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha256-916EbMg70RQy9LHiGkXzG8hSg9EdNy97GazNG/aiY1w=" crossorigin="anonymous" />

  17. 

  18. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>

  19. 

  20. <!-- Font Awesome icons -->

  21. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.min.css" integrity="sha256-nAmazAk6vS34Xqo0BSrTb+abbtFlgsFK7NKSi6o7Y78=" crossorigin="anonymous" />

  22. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/v4-shims.min.css" integrity="sha256-6qHlizsOWFskGlwVOKuns+D1nB6ssZrHQrNj1wGplHc=" crossorigin="anonymous" />

  23. 

  24. <!-- clipboard.js -->

  25. <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" integrity="sha256-FiZwavyI2V6+EXO1U+xzLG3IKldpiTFf3153ea9zikQ=" crossorigin="anonymous"></script>

  26. 

  27. <!-- headroom.js -->

  28. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/headroom.min.js" integrity="sha256-DJFC1kqIhelURkuza0AvYal5RxMtpzLjFhsnVIeuk+U=" crossorigin="anonymous"></script>

  29. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.9.4/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>

  30. 

  31. <!-- pkgdown -->

  32. <link href="../pkgdown.css" rel="stylesheet">

  33. <script src="../pkgdown.js"></script>

  34. 

  35. 

  36. 

  37.   <link href="../extra.css" rel="stylesheet">

  38.   

  39. 

  40. <meta property="og:title" content="Specify Google Font — google_font" />

  41. <meta property="og:description" content="Builds Google Fonts URL from family name. Extra weights are given in the

  42. ... parameters. Languages can be specified in langauges and must one or

  43. more of the language codes as given by google_language_codes()." />

  44. <meta name="twitter:card" content="summary" />

  45. 

  46. 

  47. <meta name="robots" content="noindex">

  48. 

  49. <!-- mathjax -->

  50. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>

  51. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>

  52. 

  53. <!--[if lt IE 9]>

  54. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

  55. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  56. <![endif]-->

  57. 

  58. 

  59. 

  60.   </head>

  61. 

  62.   <body>

  63.     <div class="container template-reference-topic">

  64.       <header>

  65.       <div class="navbar navbar-default navbar-fixed-top" role="navigation">

  66.   <div class="container">

  67.     <div class="navbar-header">

  68.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">

  69.         <span class="sr-only">Toggle navigation</span>

  70.         <span class="icon-bar"></span>

  71.         <span class="icon-bar"></span>

  72.         <span class="icon-bar"></span>

  73.       </button>

  74.       <span class="navbar-brand">

  75.         <a class="navbar-link" href="../index.html">xaringanthemer</a>

  76.         <span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>

  77.       </span>

  78.     </div>

  79. 

  80.     <div id="navbar" class="navbar-collapse collapse">

  81.       <ul class="nav navbar-nav">

  82.         <li>

  83.   <a href="../articles/xaringanthemer.html">Get started</a>

  84. </li>

  85. <li>

  86.   <a href="../reference/index.html">Reference</a>

  87. </li>

  88. <li>

  89.   <a href="../articles/themes.html">Themes</a>

  90. </li>

  91. <li>

  92.   <a href="../articles/fonts.html">Fonts</a>

  93. </li>

  94. <li>

  95.   <a href="../articles/template-variables.html">Template Variables</a>

  96. </li>

  97. <li>

  98.   <a href="../articles/css-help.html">CSS Help</a>

  99. </li>

  100.       </ul>

  101.       <ul class="nav navbar-nav navbar-right">

  102.         <li>

  103.   <a href="../news/index.html">

  104.     <span class="fa fa fa fa-newspaper-o fa-lg"></span>

  105.      

  106.     

  107.   </a>

  108. </li>

  109. <li>

  110.   <a href="https://github.com/gadenbuie/xaringanthemer">

  111.     <span class="fa fa-github fa-lg"></span>

  112.      

  113.   </a>

  114. </li>

  115. <li>

  116.   <a href="https://twitter.com/grrrck">

  117.     <span class="fa fa-twitter fa-lg"></span>

  118.      

  119.   </a>

  120. </li>

  121. <li>

  122.   <a href="https://www.garrickadenbuie.com">

  123.     <span class="fa fa-home fa-lg"></span>

  124.      

  125.   </a>

  126. </li>

  127.       </ul>

  128.       

  129.     </div><!--/.nav-collapse -->

  130.   </div><!--/.container -->

  131. </div><!--/.navbar -->

  132. 

  133.       

  134. 

  135.       </header>

  136. 

  137. <div class="row">

  138.   <div class="col-md-9 contents">

  139.     <div class="page-header">

  140.     <h1>Specify Google Font</h1>

  141.     <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/utils.R'><code>R/utils.R</code></a></small>

  142.     <div class="hidden name"><code>google_font.Rd</code></div>

  143.     </div>

  144. 

  145.     <div class="ref-description">

  146.     <p>Builds Google Fonts URL from family name. Extra weights are given in the

  147. <code>...</code> parameters. Languages can be specified in <code>langauges</code> and must one or

  148. more of the language codes as given by <code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p>

  149.     </div>

  150. 

  151.     <pre class="usage"><span class='fu'>google_font</span>(<span class='no'>family</span>, <span class='no'>...</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='kw'>NULL</span>)</pre>

  152. 

  153.     <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>

  154.     <table class="ref-arguments">

  155.     <colgroup><col class="name" /><col class="desc" /></colgroup>

  156.     <tr>

  157.       <th>family</th>

  158.       <td><p>Font family</p></td>

  159.     </tr>

  160.     <tr>

  161.       <th>...</th>

  162.       <td><p>Font weights to include, example "400", "400i"</p></td>

  163.     </tr>

  164.     <tr>

  165.       <th>languages</th>

  166.       <td><p>Font languages to include (dependent on the font.) See

  167. <code><a href='google_language_codes.html'>google_language_codes()</a></code>.</p></td>

  168.     </tr>

  169.     </table>

  170. 

  171. 

  172.     <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>

  173.     <pre class="examples"><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span>)</div><div class='output co'>#&gt; $family

  174. #&gt; [1] "Josefin Sans"

  175. #&gt; 

  176. #&gt; $weights

  177. #&gt; [1] "400,400i,600i,700"

  178. #&gt; 

  179. #&gt; $languages

  180. #&gt; NULL

  181. #&gt; 

  182. #&gt; $url

  183. #&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&amp;display=swap"

  184. #&gt; 

  185. #&gt; attr(,"class")

  186. #&gt; [1] "google_font"</div><div class='input'><span class='fu'>google_font</span>(<span class='st'>"Josefin Sans"</span>, <span class='kw'>languages</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span>(<span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span>))</div><div class='output co'>#&gt; $family

  187. #&gt; [1] "Josefin Sans"

  188. #&gt; 

  189. #&gt; $weights

  190. #&gt; NULL

  191. #&gt; 

  192. #&gt; $languages

  193. #&gt; [1] "latin-ext,vietnamese"

  194. #&gt; 

  195. #&gt; $url

  196. #&gt; [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&amp;subset=latin-ext,vietnamese&amp;display=swap"

  197. #&gt; 

  198. #&gt; attr(,"class")

  199. #&gt; [1] "google_font"</div></pre>

  200.   </div>

  201.   <div class="col-md-3 hidden-xs hidden-sm" id="sidebar">

  202.     <h2>Contents</h2>

  203.     <ul class="nav nav-pills nav-stacked">

  204.       <li><a href="#arguments">Arguments</a></li>

  205.       <li><a href="#examples">Examples</a></li>

  206.     </ul>

  207. 

  208.   </div>

  209. </div>

  210. 

  211. 

  212.       <footer>

  213.       <div class="copyright">

  214.   <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>

  215. </div>

  216. 

  217. <div class="pkgdown">

  218.   <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.4.1.</p>

  219. </div>

  220. 

  221.       </footer>

  222.    </div>

  223. 

  224.   

  225. 

  226. 

  227.   </body>

  228. </html>

  229.