typography.php (3872B)
1 <?php 2 /** 3 * Redux Framework typography config. 4 * For full documentation, please visit: http://devs.redux.io/ 5 * 6 * @package Redux Framework 7 */ 8 9 defined( 'ABSPATH' ) || exit; 10 11 Redux::set_section( 12 $opt_name, 13 array( 14 'title' => esc_html__( 'Typography', 'your-textdomain-here' ), 15 'id' => 'typography', 16 'desc' => esc_html__( 'For full documentation on this field, visit: ', 'your-textdomain-here' ) . '<a href="https://devs.redux.io/core-fields/typography.html" target="_blank">https://devs.redux.io/core-fields/typography.html</a>', 17 'icon' => 'el el-font', 18 'fields' => array( 19 array( 20 'id' => 'opt-typography-body', 21 'type' => 'typography', 22 'title' => esc_html__( 'Body Font', 'your-textdomain-here' ), 23 'subtitle' => esc_html__( 'Specify the body font properties.', 'your-textdomain-here' ), 24 'google' => true, 25 'font_family_clear' => false, 26 'default' => array( 27 'color' => '#dd9933', 28 'font-size' => '30px', 29 'font-family' => 'Arial, Helvetica, sans-serif', 30 'font-weight' => 'Normal', 31 ), 32 'output' => array( 'p' ), 33 ), 34 array( 35 'id' => 'opt-typography', 36 'type' => 'typography', 37 'title' => esc_html__( 'Typography Site Description', 'your-textdomain-here' ), 38 39 // Use if you want to hook in your own CSS compiler. 40 'compiler' => true, 41 42 // Select a backup non-google font in addition to a google font. 43 'font-backup' => true, 44 45 // Enable all Google Font style/weight variations to be added to the page. 46 'all-styles' => true, 47 'all-subsets' => true, 48 'units' => 'px', 49 'subtitle' => esc_html__( 'Typography option with each property can be called individually.', 'your-textdomain-here' ), 50 'default' => array( 51 'color' => '#333', 52 'font-style' => '700', 53 'font-family' => 'Abel', 54 'google' => true, 55 'font-size' => '33px', 56 'line-height' => '40px', 57 ), 58 'output' => array( 'h2.site-description, h2.entry-title, .site-description' ), 59 // Disable google fonts. 60 // 'google' => false,. 61 62 // Includes font-style and weight. Can use font-style or font-weight to declare. 63 // 'font-style' => false,. 64 65 // Only appears if Google is true and subsets not set to false. 66 // 'subsets' => false,. 67 68 // Hide or show the font size input. 69 // 'font-size' => false,. 70 71 // Hide or show the line height input. 72 // 'line-height' => false,. 73 74 // Hide or show the word spacing input. Defaults to false. 75 // 'word-spacing' => true,. 76 77 // Hide or show the word spacing input. Defaults to false. 78 // 'letter-spacing'=> true,. 79 80 // Hide or show the font color picker. 81 // 'color' => false,. 82 83 // Disable the font previewer 84 // 'preview' => false,. 85 86 // An array of CSS selectors in which to apply dynamically to this font style. 87 // 'compiler' => array( 'h2.site-description-compiler' ),. 88 89 ), 90 array( 91 'id' => 'opt-typography-body-shadow', 92 'type' => 'typography', 93 'title' => esc_html__( 'Title Font', 'your-textdomain-here' ), 94 'subtitle' => esc_html__( 'Specify the body font properties.', 'your-textdomain-here' ), 95 'google' => true, 96 'font_family_clear' => false, 97 'text-shadow' => true, 98 'color_alpha' => true, 99 'margin-top' => true, 100 'margin-bottom' => true, 101 'default' => array( 102 'color' => '', 103 'font-size' => '30px', 104 'font-family' => 'Arial, Helvetica, sans-serif', 105 'font-weight' => 'Normal', 106 'margin-top' => '20px', 107 'margin-bottom' => '20px', 108 ), 109 'output' => array( '.site-title' ), 110 ), 111 ), 112 ) 113 );