Hallo iedereen.

Ik ben aan het uitzoeken hoe ik een fontpicker kan invoegen in een form, waaruit dan bijv. gekozen kan worden uit alle google fonts. Uiteraard moet het font ook beschikbaar en indien nodig evt. apart ingeladen worden weet iemand wat de beste aanpak is en hoe dit evt. te realiseren?

Alvast bedankt voor het meedenken.

[size=xsmall]Toevoeging op 06/11/2023 19:18:40:[/size]

momenteel heb ik onderstaande stylesheet voor 4 fonts.


<style>
@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,500|Roboto:400,700");
@import url('https://fonts.googleapis.com/css?family=Helvetica&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=arial&display=swap');
body {

font-family: Roboto, Helvetica, sans-serif, arial;

}

</style>


Je zou de keuze kunnen opslaan in cookies, localstorage of sessies in PHP.
opslaan is niet het probleem. hoe koppel ik de input aan alle type google fonts en zorg ik er bovendien voor dat deze indien nodig ook apart wordt ingeladen, Kom er in dat geval ook niet omheen om javascript te gebruiken. Maar geen idee hoe dit te realiseren.
Het ligt aan jouw keuze hoe jij de gemaakte font-keuze wilt opslaan.
ja dat klopt. Ik kan natuurlijk classes aanmaken voor alle fonts. en afhankelijk van de form input waarde de via javascript de specifieke class koppelen en in de html wegschrijven. . Maar dan moet ik dus voor alle fonts een class aanmaken. Ik vraag mij af of er een andere manier is. Ik duik er nog verder in. sowieso bedankt voor de reacties.
Hoe jij het implementeert, ligt aan de wijze hoe jij de keuze opslaat.
Of moet het on-the-fly worden aangepast? Dus direct na de keuze zonder dat je refresht?
ja het dient inderdaad on the fly direct zichtbaar te zijn. ik heb dit nodig voor mijn wysiwyg site builder. degene die de site bouwt zou een lettertype moeten kunnen kiezen dat hij/zij graag wilt. Op zich is het niet erg om de pagina daarna te verversen natuurlijk. kan de fonts evt. ook apart in een database opslaan. Maar ik heb geen idee hoe ik alle fonts kan koppelen en ook zodanig de font moet inladen indien deze niet aanwezig is.

Zelf een WYSIWYG-editor bouwen is erg arbeidsintensief.
Waarom gebruik je niet een bestaande plug-in?
he ad. ben er al een tijdje mee bezig i.d.d met. de site builder. Ben al redelijk ver. moet alleen nog paar functies inbouwen en de puntjes op de i zetten en vervolgens alles nog vullen met content. dat laatste is het meeste werk. doe het graag zelf, ook omdat ik het leuk vind het helemaal zelf gebouwd te hebben en begrijp ik het systeem ook wat het doet
Ikzelf zou zeggen: Gebruik iets van CKeditor of TinyMCE, desnoods met wat plugins om het veilig te maken.

Maar goed, als je wat anders hebt, laat dan graag even een voorbeeld in een testcase, die je bijvoorbeeld deelt op JSfiddle. Dan kunnen we wat meer oordelen over een eventuele implementatie.

Reageren