Hola , nuevamente estoy aquà para pedir ayuda sobre algunos problemas que tenemos en la web.
Con respecto al plugin WooCommerce PDF Invoices
el problema viene cuando se introducen caracteres en chino o japonés, entonces estos salen moestrados en la factura en pdf como si fuera un cuadro . ( es decir no reconoce el carácter)
He estado hablando con el creador el plugin
- ( podeis ver la conversación aquà en el enlace)
https://wordpress.org/support/topic/chinese-characters-not-displaying-properly-1?replies=12
Y el dice que para que se reconozca el chino, japones... etc etc se tiene que subir la fuente al ftp y modificar el siguiente código
http://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/
lo he intentado varias veces... y parece ser que siempre pongo mal el codigo y que por eso no me funciona. ( o eso me dice el creador del plugin)
/* Load font */
@font-face {
font-family: 'ipaexm';
font-style: normal;
font-weight: normal;
src: local('ipaexm'), local('ipaexm'), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@font-face {
font-family: 'ipaexm';
font-style: normal;
font-weight: bold;
src: local('ipaexm Bold'), local('ipaexm-Bold'), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@font-face {
font-family: 'ipaexm';
font-style: italic;
font-weight: normal;
src: local('ipaexm Italic’),local('ipaexm-Italic’), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@font-face
font-family: 'ipaexm';
font-style: italic;
font-weight: bold;
src:src: local('ipaexm Bold Italic'),local('ipaexm-Bold-Italic'), url(export->template_path; ?>/fonts/ipaexm.ttf) format('truetype');
}
@page {
margin-top: 1cm;
margin-bottom: 3cm;
margin-left: 2cm;
margin-right: 2cm;
}
body {
background: #fff;
color: #000;
margin: 0cm;
font-family: 'ipaexm';
font-size: 9pt;
line-height: 100%; /* fixes inherit dompdf bug */
llevo varios meses dandole vueltas y no soy capaz de hacerlo funcionar. Alguien me pude ayudar?
GRACIAS!
URL del sitio: Contenido solo visible a usuarios registrados
continua sin funcionar
Aqui te dejo el codigo css comprimido.
/* Main Body */ @font-face{font-family:'ipaexm';font-style:normal;font-weight:400;src:local(ipaexm),local(ipaexm),url ( http://www.eg-reeds.com/fonts/ipaexm.ttf) format("truetype")}@font-face{font-family:'ipaexm.ttf';font-style:normal;font-weight:700;src:local('ipaexm.ttf Bold'),local(ipaexm-Bold),url ( http://www.eg-reeds.com/fonts/ipaexm-bold.ttf) format("truetype")}@font-face{font-family:'ipaexm';font-style:italic;font-weight:400;src:local('ipaexm Italic'),local(ipaexm.ttf-Italic),url ( http://www.eg-reeds.com/fonts/ipaexm-italic.ttf) format("truetype")}@font-face{font-family:'ipaexm';font-style:italic;font-weight:700;src:local('ipaexm Bold Italic'),local(ipaexm-BoldItalic),url ( http://www.eg-reeds.com/fonts/ipaexm-bolditalic.ttf) format("truetype")}@page{margin:1cm 2cm 3cm}body{background:#fff;color:#000;margin:0;font-family:'ipaexm';font-size:9pt;line-height:100%}h1,h2,h3,h4{font-weight:700;margin:0}h1{font-size:16pt;margin:5mm 0}h2{font-size:14pt}h3,h4{font-size:9pt}ol,ul{list-style:none;margin:0;padding:0}li,ul{margin-bottom:.75em}p{margin:0;padding:0}p + p{margin-top:1.25em}a{border-bottom:1px solid;text-decoration:none}table{border-collapse:collapse;border-spacing:0;page-break-inside:always;border:0;margin:0;padding:0}th,td{vertical-align:top;text-align:left}table.container{width:100%;border:0}tr.no-borders,td.no-borders{border:0!important;border-top:0!important;border-bottom:0!important;padding:0!important;width:auto}table.head{margin-bottom:12mm}td.header img{max-height:3cm;width:auto}td.header{font-size:16pt;font-weight:700}td.shop-info{width:40%}.document-type-label{text-transform:uppercase}table.order-data-addresses{width:100%;margin-bottom:10mm}td.order-data{width:40%}.invoice .shipping-address{width:30%}.packing-slip .billing-address{width:30%}td.order-data table th{font-weight:400;padding-right:2mm}table.order-details{width:100%;margin-bottom:8mm}.quantity,.price{width:20%}.order-details tr{page-break-inside:always;page-break-after:auto}.order-details td,.order-details th{border-bottom:1px #ccc solid;border-top:1px #ccc solid;padding:.375em}.order-details th{font-weight:700;text-align:left}.order-details thead th{color:#fff;background-color:#000;border-color:#000}.order-details tr.bundled-item td.product{padding-left:5mm}.order-details tr.product-bundle td,.order-details tr.bundled-item td{border:0}dl{margin:4px 0}dt,dd,dd p{display:inline;font-size:7pt;line-height:7pt}dd{margin-left:5px}dd:after{content:"A";white-space:pre}.customer-notes{margin-top:5mm}table.totals{width:100%;margin-top:5mm}table.totals th,table.totals td{border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}table.totals th.description,table.totals td.price{width:50%}table.totals tr:last-child td,table.totals tr:last-child th{border-top:2px solid #000;border-bottom:2px solid #000;font-weight:700}table.totals tr.payment_method{display:none}#footer{position:absolute;bottom:-2cm;left:0;right:0;height:2cm;text-align:center;border-top:.1mm solid gray;margin-bottom:0;padding-top:2mm}
el pass para entrar en la web es visitor1
HOla
Este código en que archivo esta?, la ruta?, envÃa algunas capturas para saber en donde estas modificaciond, o como lo has generado comprimido, entiendo que es algo para el pdf no es estrictamente un CSS por que tiene mezclado código PHP
Ok , ya veo las urls correctas en tu código, sólo veo que faltarÃa comillas simples en estas sentencias
local(ipaexm)
Es decir deberÃa ser
local('ipaexm')
Saludos.
Quizas volaron en la compresion...
esto es lo que tengo puesto exactamente. sin comprimir. he de decir que en el archivo de css no las tengo comprimidas lo tengo cal cual aparece en el archivo.
ademeas te dejo la futa del ftp
public_html/wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/pdf/Simple/style.css
/* Main Body */ @font-face { font-family: 'ipaexm'; font-style: normal; font-weight: normal; src: local('ipaexm'), local('ipaexm'), url ( http://www.eg-reeds.com/fonts/ipaexm.ttf) format('truetype'); } @font-face { font-family: 'ipaexm.ttf'; font-style: normal; font-weight: bold; src: local('ipaexm.ttf Bold'), local('ipaexm-Bold'), url ( http://www.eg-reeds.com/fonts/ipaexm-bold.ttf) format('truetype'); } @font-face { font-family: 'ipaexm'; font-style: italic; font-weight: normal; src: local('ipaexm Italic'), local('ipaexm.ttf-Italic'), url ( http://www.eg-reeds.com/fonts/ipaexm-italic.ttf) format('truetype'); } @font-face { font-family: 'ipaexm'; font-style: italic; font-weight: bold; src: local('ipaexm Bold Italic'), local('ipaexm-BoldItalic'), url ( http://www.eg-reeds.com/fonts/ipaexm-bolditalic.ttf) format('truetype'); }@page { margin-top: 1cm; margin-bottom: 3cm; margin-left: 2cm; margin-right: 2cm; } body { background: #fff; color: #000; margin: 0cm; font-family: 'ipaexm' font-size: 9pt; line-height: 100%; /* fixes inherit dompdf bug */ } h1, h2, h3, h4 { font-weight: bold; margin: 0; } h1 { font-size: 16pt; margin: 5mm 0; } h2 { font-size: 14pt; } h3, h4 { font-size: 9pt; } ol, ul { list-style: none; margin: 0; padding: 0; } li, ul { margin-bottom: 0.75em; } p { margin: 0; padding: 0; } p + p { margin-top: 1.25em; } a { border-bottom: 1px solid; text-decoration: none; } /* Basic Table Styling */ table { border-collapse: collapse; border-spacing: 0; page-break-inside: always; border: 0; margin: 0; padding: 0; } th, td { vertical-align: top; text-align: left; } table.container { width:100%; border: 0; } tr.no-borders, td.no-borders { border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; padding: 0 !important; width: auto; } /* Header */ table.head { margin-bottom: 12mm; } td.header img { max-height: 3cm; width: auto; } td.header { font-size: 16pt; font-weight: 700; } td.shop-info { width: 40%; } .document-type-label { text-transform: uppercase; } /* Recipient addressses & order data */ table.order-data-addresses { width: 100%; margin-bottom: 10mm; } td.order-data { width: 40%; } .invoice .shipping-address { width: 30%; } .packing-slip .billing-address { width: 30%; } td.order-data table th { font-weight: normal; padding-right: 2mm; } /* Order details */ table.order-details { width:100%; margin-bottom: 8mm; } .quantity, .price { width: 20%; } .order-details tr { page-break-inside: always; page-break-after: auto; } .order-details td, .order-details th { border-bottom: 1px #ccc solid; border-top: 1px #ccc solid; padding: 0.375em; } .order-details th { font-weight: bold; text-align: left; } .order-details thead th { color: white; background-color: black; border-color: black; } /* product bundles compatibility */ .order-details tr.bundled-item td.product { padding-left: 5mm; } .order-details tr.product-bundle td, .order-details tr.bundled-item td { border: 0; } dl { margin: 4px 0; } dt, dd, dd p { display: inline; font-size: 7pt; line-height: 7pt; } dd { margin-left: 5px; } dd:after { content: "A"; white-space: pre; } /* Notes & Totals */ .customer-notes { margin-top: 5mm; } table.totals { width: 100%; margin-top: 5mm; } table.totals th, table.totals td { border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } table.totals th.description, table.totals td.price { width: 50%; } table.totals tr:last-child td, table.totals tr:last-child th { border-top: 2px solid #000; border-bottom: 2px solid #000; font-weight: bold; } table.totals tr.payment_method { display: none; } /* Footer Imprint */ #footer { position: absolute; bottom: -2cm; left: 0; right: 0; height: 2cm; /* if you change the footer height, don't forget to change the bottom (=negative height) and the @page margin-bottom as well! */ text-align: center; border-top: 0.1mm solid gray; margin-bottom: 0; padding-top: 2mm; }
Hola
Aclaranos un poco esto :
Este código en que archivo esta?, la ruta?, envÃa algunas capturas para saber en donde estas modificaciond, o como lo has generado comprimido, entiendo que es algo para el pdf no es estrictamente un CSS por que tiene mezclado código PHP
Como asi se comprimió?, si es un PHP deberÃa ejecutarse pero no me queda claro el tema de la compresión
Saludos
Que lio que lio !
ok vamos por partes.
esta es la dirección de donde esta el archivo en el ftp
public_html/wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/pdf/Simple/style.css ( tambien te adjunto el archivo)
El archivo lo tengo en la carpeta tal cual , es decir sin comprimir. Solo lo he comprimido porque me lo has pedido tu en el mensaje. he utilizado una portal web para enviarte el codigo.
que hacemos ahora?
saludos.
Hola
Cuando te comente comprimido me referÃa a que comprimas el archivo en formato .zip y lo adjuntes ya que de otro modo no te permitirá subir el archivo a este foro.
Para asegurate de que el pdf generado esta tomando los cambios del archivo que estas modificando (ya que entiendo que no has realizado ninguna copia de este archivo en la carpeta de tu theme) entonces prueba cambiar el color de fondo, en tu código busca el fondo del body y cambialo y verifica si al genera el pdf el fondo cambia de color
body { background: #ff00ff; color: #000; margin: 0cm; font-family: 'Open Sans', sans-serif; font-size: 9pt; line-height: 100%; /* fixes inherit dompdf bug */ }
Con esto te aseguras que se estan tomando los cambios de este archivo y te puedes concentrar en el tema de la fuente
Saludos
Si ha funcionado el cambio de color, es decir si que esta cogiendo los cambios que estoy haciendo....
pero por caracteres no aparecen correctamente. es cierto que antes aparecian cuadraditos y ahora aparecen signos de interrogacion.
alguna sugerencia?
saludos.
Hola
EnvÃa el archivo como adjunto y comprimido, la fuente que has puesto te la proporcionó el desarrollador?
PodrÃas probar con otra fuente en donde se note el cambio de tipo de letra como comic o arial black, esto serÃa para saber si las sentencias que llaman a la fuente son correctas y aislar el problema aún más
Saludos.
Te adjunto en zip por archivos originales y los modificados , ademas te adjunto las fuentes, que el desarrollador recomienda.
Ojea este articulo , donde el desarrollador explica como se hace para el cambio de la url
http://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/
Aqui esta la conversación que he mantenido con el sobre como cambiar la url ( el problema básicamente es que yo pongo mal el código )
https://wordpress.org/support/topic/chinese-characters-not-displaying-properly-1?replies=12
Cambiando la fuente como tu dices si que funciona , pero no muestra los caracteres en chino y japonés....
te recuerdo que si necesitas acceder a la web el pass es visitor1
saludos y gracias.
Hola
Debe ser que no tiene acceso a la fuenta, actualmente al acceder a :
Contenido solo visible a usuarios registrados
Sale un prelogin, lo cual puede restringir el uso de la misma
Saludos.
Como ya dije en varios post ... la contraseña es visitor1
igualmente la fuente que comentas no existe o por lo menos no la he creado
solo esta en el modo
www.eg-reeds.com/fonts/fireflysung.ttf
saludos y gracias.
Hola
Adicional a esta url :
Contenido solo visible a usuarios registrados
Si no tienes estos tipos de letra simplemente cambia todas estas rutas por la ruta superior
PD. SerÃa mejor que habilites tu sitio para que estos archivos se recuperen sin problemas, la clave qeu nos has dado visitor1 es el login del front-end lo que yo te comento es que aparece un prelogin, tal vez no lo notas por que lo tienes en cache, prueba en otro navegador o limpia la cache
Saludos.
Tenemos alguna forma de que te pueda enviar todas las claves de acceso de alguna forma segura? asà tu mismo podrás entrar en todas las partes y comprobarlo correctamente.
Por otro lado .. he creado manualmente las otras fuentes ( es decir he copiado la originar y la he renombrado) después de eso continua sin funcionar.
A continuación he dejado solo principal y nada..
después de eso he borrado todas las lineas.. y cual ha sido la sorpresa... funcionaba de la misma manera ... es decir ocultando con interrogantes solo los caracteres chinos o japonés.
Llegados a este punto , solo pudo decir que estoy completamente perdido .
TE envio los datos de acceso? quedo a tu disposición.
saludos.
EG
Hola
Pues llegados a este punto ya lo veo correcto, lo único que se me ocurre es que la fuente no funcione correctamente, tendrÃas que probar con otro archivo de fuente , por ejemplo :
http://cooltext.com/Fonts-Unicode-Chinese
Prueba instalando la fuente en tu máquina local y usala y verifica si funciona correctamente
Lo otro que podrÃa darte problemas es que tienes protecciones en tu sitio web , lo que te comentaba de los accesos, tendrÃas que quitar temporalmente estas protecciones al hacer tus pruebas
PD. Lamentablmente por polÃtica de foro no podemos accesar al backend de los sitios web , sólo podemos orientarte y tu mismo tendrÃas que realizar el trabajo.
Saludos.