Differences

This shows you the differences between two versions of the page.

--- plugin:typography [2017-06-17 08:21] – new release s.sahara
+++ plugin:typography [2020-07-27 12:20] – Rainbow_Spike@derpy.ru
@@ Line 6: / Line 6: @@
 email      : sahara.satoshi@gmail.com
 type       : syntax
-lastupdate : 2017-06-17
+lastupdate : 2019-10-10
-compatible : Ponder Stibbons, Hrun, 2015-08-10, 2016-06-26, 2017-02-19
+compatible : Ponder Stibbons, Hrun, 2015-08-10, 2016-06-26, 2017-02-19, Greebo
 depends    :
 conflicts  :
 similar    : fontcolor, fontsize2, fontfamily, wrap
-tags       : style, typography
+tags       : style, typography, fonts
 downloadurl: https://github.com/ssahara/dw-plugin-typography/archive/master.zip
@@ Line 20: / Line 20: @@
 ===== Download and Installation =====
-Install the plugin through the [[plugin:extension|Extension Manager]] or [[plugin:plugin|Plugin Manager]] using the download URL above, which points to latest version of the plugin. Refer to [[:plugin_installation_instructions|plugin installation instructions]].
+Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually.
 ===== Feature =====
@@ Line 27: / Line 27: @@
 The parameter consists of CSS property-value pairs (''property: value;''), each pair must be separated by semicolon ('';'') however last one may be omitted. You can use abbreviated **short name** instead of full property name.
-Some specific **short name** are also available as markup tag; ''%%<ff>%%'' (font familiy/name), ''%%<fc>%%'' (color), ''%%<fs>%%'' (size), ''%%<fw>%%'' (weight). Typography plugin fully replaces: [[plugin:fontfamily]], [[plugin:fontcolor]], and [[plugin:fontsize2]].
+Some specific **short name** are also available as markup tag; ''%%<ff>%%'' (font familiy/name), ''%%<fs>%%'' (size), ''%%<fc>%%'' (color), ''%%<bg>%%'' (background-color), ''%%<fw>%%'' (weight). Typography plugin fully replaces: [[plugin:fontfamily]], [[plugin:fontsize2]], and [[plugin:fontcolor]].
@@ Line 42: / Line 42: @@
 |  ''sp''  | white-space       | specifies how white-space is handled (preserve or collapse) |
 |  ''va''  | vertical-align    | sets the vertical alignment |
+|  -       | text-transform    | controls the capitalization of text (capitalize, uppercase or lowercase)|
+|  -       | text-shadow       | adds shadow to text |
+|  ''wf''  | (web-font)        | specify a web font class which prefixed "wf-" |
 Sometimes, inline styles are necessary when you are building a page by hand. You should however avoid them whenever possible for "semantic markup", better maintainability, and reusability. The [[plugin:wrap|wrap]] plugin will provide most powerful and flexible method for specifying a class attribute.
@@ Line 84: / Line 87: @@
 ** Using Web font **
-For [[https://developers.google.com/fonts/docs/getting_started|getting started with the %%Google Fonts API%%]],
+For [[https://developers.google.com/fonts/docs/getting_started|getting started with the Google Fonts API]],
 you may add a stylesheet link to request the desired web font(s) in [[template:dokuwiki#supported_include_hooks|conf/meta.html]] file, for example:
 <file txt conf/meta.html>
 <link rel="stylesheet"
       href="https://fonts.googleapis.com/css?family=Tangerine">
+<style>
+.wf-tangerine { font-family: Tangerine, serif; }
+</style>
 </file>
@@ Line 94: / Line 101: @@
 <file>
 <ff Tangerine; fs:48px>Making the Web Beautiful!</ff>
+<wf:tangerine; fs:48px>Making the Web Beautiful!</wf>
 </file>