github.com/daaku/docker@v1.5.0/docs/theme/mkdocs/fonts/LigatureSymbols/README.txt (about)

     1  
     2  This font was found and taken from:
     3  http://kudakurage.com/ligature_symbols/
     4  
     5  
     6  Use it as follows:
     7  
     8  <!-- HTML -->
     9  
    10  <p>Simple use for mailto link.</p>
    11  <a href="mailto:mail@example.com" class="lsf">mail</a>
    12  
    13  <p>Use tha icon with text.</p>
    14  <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a>
    15  
    16  <p>Use tha icon with unicode.</p>
    17  <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a>
    18  
    19  
    20  /* CSS */
    21  
    22  @font-face {
    23      font-family: 'LigatureSymbols';
    24      src: url('LigatureSymbols-2.11.eot');
    25      src: url('LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
    26           url('LigatureSymbols-2.11.woff') format('woff'),
    27           url('LigatureSymbols-2.11.ttf') format('truetype'),
    28           url('LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    29      src: url('LigatureSymbols-2.11.ttf') format('truetype');
    30      font-weight: normal;
    31      font-style: normal;
    32  }
    33  
    34  .lsf, .lsf-icon:before {
    35    font-family: 'LigatureSymbols';
    36    -webkit-text-rendering: optimizeLegibility;
    37    -moz-text-rendering: optimizeLegibility;
    38    -ms-text-rendering: optimizeLegibility;
    39    -o-text-rendering: optimizeLegibility;
    40    text-rendering: optimizeLegibility;
    41    -webkit-font-smoothing: antialiased;
    42    -moz-font-smoothing: antialiased;
    43    -ms-font-smoothing: antialiased;
    44    -o-font-smoothing: antialiased;
    45    font-smoothing: antialiased;
    46  }
    47  
    48  .lsf-icon:before {
    49    content:attr(title);
    50    margin-right:0.3em;
    51    font-size:130%;
    52  }
    53  
    54  .lsf-icon.amazon:before {
    55    content: '\E007';
    56  }
    57  
    58  
    59  
    60  
    61  
    62  Use by including this in your style sheet:
    63  
    64  
    65  
    66  // LigatureSymbols font kit
    67  // ----------------------------------- // -----------------------------------
    68  
    69  
    70  @font-face {
    71      font-family: 'LigatureSymbols';
    72      src: url('../fonts/LigatureSymbols/LigatureSymbols-2.11.eot');
    73      src: url('../fonts/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
    74           url('../fonts/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
    75           url('../fonts/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
    76           url('../fonts/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    77      font-weight: normal;
    78      font-style: normal;
    79  }
    80  
    81  .lsf {
    82    font-family: 'LigatureSymbols';
    83    -webkit-text-rendering: optimizeLegibility;
    84    -moz-text-rendering: optimizeLegibility;
    85    -ms-text-rendering: optimizeLegibility;
    86    -o-text-rendering: optimizeLegibility;
    87    text-rendering: optimizeLegibility;
    88    -webkit-font-smoothing: antialiased;
    89    -moz-font-smoothing: antialiased;
    90    -ms-font-smoothing: antialiased;
    91    -o-font-smoothing: antialiased;
    92    font-smoothing: antialiased;
    93    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
    94    -moz-font-feature-settings: "liga=1, dlig=1";
    95    -ms-font-feature-settings: "liga" 1, "dlig" 1;
    96    -o-font-feature-settings: "liga" 1, "dlig" 1;
    97    font-feature-settings: "liga" 1, "dlig" 1;
    98  }
    99  .lsf-icon:before {
   100    content:attr(title);
   101    margin-right:0.3em;
   102    font-size:130%;
   103    font-family: 'LigatureSymbols';
   104    -webkit-text-rendering: optimizeLegibility;
   105    -moz-text-rendering: optimizeLegibility;
   106    -ms-text-rendering: optimizeLegibility;
   107    -o-text-rendering: optimizeLegibility;
   108    text-rendering: optimizeLegibility;
   109    -webkit-font-smoothing: antialiased;
   110    -moz-font-smoothing: antialiased;
   111    -ms-font-smoothing: antialiased;
   112    -o-font-smoothing: antialiased;
   113    font-smoothing: antialiased;
   114    -webkit-font-feature-settings: "liga" 1, "dlig" 1;
   115    -moz-font-feature-settings: "liga=1, dlig=1";
   116    -ms-font-feature-settings: "liga" 1, "dlig" 1;
   117    -o-font-feature-settings: "liga" 1, "dlig" 1;
   118    font-feature-settings: "liga" 1, "dlig" 1;
   119  }
   120  
   121  
   122  
   123  
   124  
   125  And then practice it by:
   126