[SOLUCIONADO] Google Fonts en PHP de formulario

Speedbit · #1 (**permalink**) 07/09/2015, 00:58

buenas, gente! a ver si alguien me puede ayudar con esto...

Tengo un form en PHP (descargado de algún lugar, en algún tiempo) y que funciona perfecto, pero mi problema no es con el funcionamiento, sino con los estilos... y es que quiero cargar una fuente de Google en el PHP (send_form_mail.php), para que cuando devuelve los mensajes, los haga con el estilo que le puse a cada línea... por ejemplo:

$error_message .= '<span style="font-family:‘Roboto Condensed’; font-size:14px; color:#94979F;">• Su e-mail contiene caracteres no válidos<br /></span>';

y aunque le busqué mil vueltas, no sé cómo hacer para que el PHP "cargue" (o importe) la fuente de google, para que respete el estilo que le quiero dar!

ACLARO: si reemplazo ‘Roboto Condensed’ por Arial, me lo respeta y devuelve el estilo sin problema... pero quiero hacerlo con la fuente de Google y no sé cómo hacerlo!

o quizás se pueda cargar directamente desde el PHP, una hoja de estilos externa, que se encargue de importar la fuente??

alguien me puede dar una idea para descularlo??
muchas gracias de antemano!

xfxstudios · #2 (**permalink**) 07/09/2015, 04:56

Buenas, primero esto no va en este sub-foro, lo segundo es si estas cargando bien la fuente desde google fonts?, lo otro es que no es necesario escribir todo el estilo dentro de la etiqueta span, es preferible hacerlo externamente, tercero, verificaste la recomendación de google fonts??, alli siempre te indican cuanto va a tardar aproximadamente en cargar tu fuente y la pagina, revisa eso, ya que yo le cargo fuentes desde alli a mi sitio y va sin problemas

zeuskx · #3 (**permalink**) 07/09/2015, 06:18

Para que esto funcione tendrás que enviar el correo en formato html con la librería de google font agregada en el header..

Imagina que estas enviando una pequeña pagina web por correo al destino:

Código PHP:

Ver original<?php 
 
$mensaje="<html>
    <head>
        <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
        <style>
        body {
            font-family: 'Roboto', sans-serif;
        }
        </style>
    </head>
    <body>
        Lorem ipsum dolor sit amet, consectetur adipisicing.
    </body>
</html>";
 
 
echo $mensaje;
 
?>

Speedbit · #4 (**permalink**) 07/09/2015, 06:40

ante todo, muchas gracias por responder!

@xfxstudios: el tema es que justamente, si bien estoy cargando las fuentes (hice un montón de pruebas)... no sé si lo hago de manera correcta, ya que las instrucciones de Google, son para html/css y yo lo estoy queriendo hacer desde un PHP, en el que (evidentemente) no estoy entendiendo bien, cómo incluirlas... y que seguramente, tenga que ver con un tema de sintaxis.
Aunque IMAGINO, que se puede cargar el estilo desde un CSS externo, la verdad es que mis conocimientos no me lo permitieron... y meterle todo dentro de cada "span" fue la única vuelta que le encontré para que funcione, aunque queda HORRIBLE y lo sé! jejejeje

@zeuskx: impecable tu modo de explicarlo (más fácil imposible!) sólo que yo no necesito enviar eso "por mail"... sino que es para los mensajes que el PHP devuelve al usuario, al completar el formulario (incluso para el "gracias por contactarnos") y que están todos (puse sólo uno, de ejemplo) dentro del mismo PHP.
No sé si me explico del todo bien... pero espero que se entienda!

xfxstudios · #5 (**permalink**) 07/09/2015, 06:54

Podrías intentarlo de esta manera:

el css puede ser un archivo externo para que tu documento este más limpio:

CSS:

Código CSS:

Ver original/*Fuente General*/
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);
 
.error{
    font-family:Cabin;
    font-size:14px;
    color:#94979F;
    /*resto de tu codigo*/
}

php:

Código PHP:

Ver original$error_message .= '<span class="error">• Su e-mail contiene caracteres no válidos<br /></span>';

e incluyes el ccs de esta manera:

Código HTML:

Ver original<link href="css/portal.css" rel="stylesheet" />

prueba y dinos si te funciona.

Saludos

Speedbit · #6 (**permalink**) 07/09/2015, 08:37

@xfxstudios:muchas gracias por tu respuesta y por tu ayuda!

el tema (creo) que pasa por el
<link href="css/contact.css" rel="stylesheet" />

que justamente es (como me lo indicás en tu clarísimo ejemplo), parte del HTML y mi PHP no tiene un ".html" sino que es todo parte del mismo ".php"

cuando inspecciono el código con la función del Chrome, parece haberse generado correctamente, ya que

Código PHP:

Ver original$error_message .= '<span class=\"error\">• Su e-mail contiene caracteres no admitidos/no parece ser v&aacute;lido.<br /></span>';

me devuelve el siguiente código en el navegador

Código HTML:

Ver original<span style="font-family:‘Roboto Condensed’; font-size:14px; color:#94979F;">• Su e-mail contiene caracteres no admitidos/no parece ser válido.<br></span>
• Su e-mail contiene caracteres no admitidos/no parece ser válido.

y hasta donde entiendo (soy un noob total!) estaría BIEN!

pero me da la impresión de que lo que no está funcionando, es el "link href=" que yo estoy clavando dentro del PHP y no sé cual sería la forma CORRECTA de hacerlo...

estoy demasiado perdido??

xfxstudios · #7 (**permalink**) 07/09/2015, 12:14

ya probaste colocandolo fuera, según mis pruebas no es necesario que tengas las etiquetas html ni body por ejemplo (aunque necesarias) pues no para cargar el css, simplemente declaralo antes del <?php y ve si te funciona

Speedbit · #8 (**permalink**) 07/09/2015, 13:18

@xfxstudios: probado... y no es la solución! =(
De hecho, sí está respondiendo al css (que levanta desde el PHP, según tus instrucciones previas)... porque cambia el color del texto con la clase "error" sin problemas!
O sea... que sí lee el CSS desde el PHP, pero PUNTUALMENTE no levanta el

Código CSS:

Ver original@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);

También probé (según tu última sugerencia) con

Código HTML:

Ver original<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

poniéndolo ANTES del <?php ... pero sin solución...
ahora encima, estoy confundido!!
carga el CSS... pero NO la font de Google??
=S

xfxstudios · #9 (**permalink**) 07/09/2015, 14:33

mira esta prueba sencilla y funciona al 100%, abria que revisar no se el codigo o el porque no te carga la fuente:

Código PHP:

Ver original<style>
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
 
.error{
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    color:rgba(255,110,0,1.00);
}
.fuente2{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:16px;
    color:rgba(0,67,123,1.00);
}
 
 
</style>
<?php
$error = "<span class='error'>Este texto esta con la Fuente Monserrat </span><l class='fuente2'> y este con la fuente Open Sans Condensed</l>";
echo $error;
?>

Speedbit · #10 (**permalink**) 07/09/2015, 15:30

@xfxstudios... AAAAAHHH!!! sos grosso! XD

Utilizando tu último ejemplo, TODO FUNCIONA PERFECTO!!
Muchísimas gracias por tu invaluable ayuda!