FONT PICKER PLUGIN INSTALL

chrome extension import google font import font from google futura google fonts import font to google. ToggleDialog() // Toggles the open state of the font picker dialog. Html answers related to google font picker. OpenDialog() // Opens the font picker dialog if not already open.ĬloseDialog() // Closes the font picker dialog if not already closed. 'alpha' | 'date' | 'popularity' | 'style' | 'trending' Available control / helper functions (provided by the directive): loadFont(font) // Loads the (font.family:font.style) form Web Fonts. Admin page to set which content is being resized, the resize steps and other options. Settings are saved in a cookie, so the visitor sees the same fontsize on a revisit. Features: Uses JavaScript and jQuery to set the fontsize. GetAllFonts(sort) // Returns list of Google Fonts with given sort option: This plugin allows you to give the visitors of your site the option to change the font size of your text. LoadFont(font) // Loads the given font (family:style) from Web Fonts. (fontPickerUpload) // Event handler for the font upload button click event.Īvailable configuration options (for the global configuration): apiKey // Your Google API key for the Google Web Fonts API.Īvailable control / helper functions (provided by the service): (fontPickerChange) // Event handler for the font / size / style change. Note: The root component needs to have public viewContainerRef. Create dialog component in the root view container (false). inline: dialog is shown permanently (static positioning). popup: dialog is shown as popup (fixed positioning). Dialog positioning mode: 'popup', 'inline' ('popup'). Class name for the upload button (Replaces default). Text label for the upload button (Default: 'Upload'). Show upload button in the font picker (Default: false). Class name for the cancel button (Replaces default). Text label for the cancel button (Default: 'Cancel'). Show cancel button in the font picker (Default: false). Global configuration should be provided only once (this is usually done in the root module). Load the module for your app (with global configuration):

FONT PICKER PLUGIN INSTALL

Installing and usage npm install ngx-font-picker -save StackBlitz example Building the library npm install Documentation for the 4.x.x can be found from here.

For Angular 4 you need to use the latest 4.x.x version. This documentation is for the latest 5/6.x.x version which requires Angular 5 or newer. This is a simple font picker loosely based on the cool angular2-color-picker by Alberplz.

Font picker plugin